Photoshop样式的角度与高度选择器控件
简介
Adobe Photoshop有两个非常专业的用来设置如投影、斜面与浮雕等特效的控件：一个是角度选择器，另一个是角度与高度选择器（如上图所示）。
本文将带领读者创建两个自定义控件，来模仿Photoshop中这两个控件的外观和行为。
基础知识——数学
毕达哥拉斯定理
（即勾股定理，为尊重原文，以下简称毕氏定理。尽管有点绕口。——野比注）
利用毕氏定理，我们可以计算直角三角形的斜边（最长边）。计算公式为
。这样，斜边c就等于
。
单位圆
鉴于接下来的工作和角度及圆有关，我们先熟悉一下单位圆的形式是很有好处的。单位圆就是以(0,0)为圆心，半径为1的圆。在常规网格（指画布——野比注）中，0度（的坐标）从(1,0)这点（右）开始，按逆时针方向增大。因此，90度是(0,1)，180度是(-1,0)，270度是(0,-1)，最后360度和0点重合。
三角函数
这里我们只需要知道三个基本的三角函数：sin、cos和tan（正弦、余弦和正切——野比注）。如果我们还记得SOH-CAH-TOA（译注+）的话，我们就知道，（直角）三角形的正弦等于对边比上斜边，余弦等于邻边比上斜边，正切等于对边比上邻边。
同样，我们知道反三角函数用来计算未知角度。
译注+：
SOH-CAH-TOA是老外用来记忆三角函数的口诀。其中：O为opposite（对边），H为Hypotenuse（斜边），A为Adjacent（邻边）。
SOH: Sine = Opposite ÷ Hypotenuse
CAH: Cosine = Adjacent ÷ Hypotenuse
TOA: Tangent = Opposite ÷ Adjacent
常用函数
我们制作的自定义控件都会用到下面这两个重要的函数（方法）：
一个函数接收角度和半径作为参数，返回围绕某个原点的相应点位置。（简单来说，就是把角度转换为点）
一个完成相反的功能，以点(X, Y)作为参数，找到最匹配的角度。
第一个函数要简单些：
private PointF DegreesToXY(float degrees, float radius, Point origin)
{
PointF xy = new PointF();
double radians = degrees * Math.PI / 180.0;
xy.X = (float)Math.Cos(radians) * radius + origin.X;
xy.Y = (float)Math.Sin(-radians) * radius + origin.Y;
return xy;
}要注意的是首先我们需要把角度换算成弧度。一般来说，我们只需要在单位圆中进行研究：
该函数已知角度和半径，利用三角函数，我们算出X和Y值，然后在加上给定的原点初始坐标即可。
还应看到，函数代码中用到的是Y分量的负值，这是因为计算机显示器上网格是上下颠倒的（向下为正）。
第二个函数的功能是把用户在控件上点击的点位置转换为相应的角度值。这稍稍麻烦点，因为我们不得不考虑添加一些东西。限于文章篇幅，我这里贴出部分代码：
private float XYToDegrees(Point xy, Point origin)
{
double angle = 0.0;
if (xy.Y < origin.Y)
{
if (xy.X > origin.X)
{
angle = (double)(xy.X - origin.X) / (double)(origin.Y - xy.Y);
angle = Math.Atan(angle);
angle = 90.0 - angle * 180.0 / Math.PI;
}
else if (xy.X < origin.X)
{
//如此这般
}
}
else if (xy.Y > origin.Y)
{
//如此这般
}
if (angle > 180) angle -= 360; //控制角度范围
return (float)angle;
}