176 lines
5.9 KiB
C#
176 lines
5.9 KiB
C#
using System;
|
||
using System.Collections.Generic;
|
||
using System.Linq;
|
||
using System.Text;
|
||
using System.Threading.Tasks;
|
||
using System.Windows;
|
||
using System.Windows.Controls;
|
||
using System.Windows.Data;
|
||
using System.Windows.Documents;
|
||
using System.Windows.Input;
|
||
using System.Windows.Media;
|
||
using System.Windows.Media.Imaging;
|
||
using System.Windows.Navigation;
|
||
using System.Windows.Shapes;
|
||
|
||
namespace Ink_Canvas.ProcessBars
|
||
{
|
||
/// <summary>
|
||
/// CycleProcessBar1.xaml 的交互逻辑
|
||
/// </summary>
|
||
public partial class CycleProcessBar : UserControl
|
||
{
|
||
public CycleProcessBar()
|
||
{
|
||
InitializeComponent();
|
||
}
|
||
|
||
public double CurrentValue
|
||
{
|
||
set { SetValue(value); }
|
||
}
|
||
|
||
/// <summary>
|
||
/// 设置百分百,输入小数,自动乘100
|
||
/// </summary>
|
||
/// <param name="percentValue"></param>
|
||
private void SetValue(double percentValue)
|
||
{
|
||
/*****************************************
|
||
方形矩阵边长为34,半长为17
|
||
环形半径为14,所以距离边框3个像素
|
||
环形描边3个像素
|
||
******************************************/
|
||
double angel = percentValue * 360; //角度
|
||
|
||
double radius = 14; //环形半径
|
||
|
||
//起始点
|
||
double leftStart = 17;
|
||
double topStart = 3;
|
||
|
||
//结束点
|
||
double endLeft = 0;
|
||
double endTop = 0;
|
||
|
||
if (percentValue == 0) myCycleProcessBar.Visibility = Visibility.Hidden;
|
||
else myCycleProcessBar.Visibility = Visibility.Visible;
|
||
|
||
|
||
//数字显示
|
||
lbValue.Content = (percentValue * 100).ToString("0") + "%";
|
||
|
||
/***********************************************
|
||
* 整个环形进度条使用Path来绘制,采用三角函数来计算
|
||
* 环形根据角度来分别绘制,以90度划分,方便计算比例
|
||
***********************************************/
|
||
|
||
bool isLagreCircle = false; //是否优势弧,即大于180度的弧形
|
||
|
||
//小于90度
|
||
if (angel <= 90)
|
||
{
|
||
/*****************
|
||
*
|
||
* *
|
||
* * ra
|
||
* * * * * * * * *
|
||
*
|
||
*
|
||
*
|
||
******************/
|
||
double ra = (90 - angel) * Math.PI / 180; //弧度
|
||
endLeft = leftStart + Math.Cos(ra) * radius; //余弦横坐标
|
||
endTop = topStart + radius - Math.Sin(ra) * radius; //正弦纵坐标
|
||
}
|
||
|
||
else if (angel <= 180)
|
||
{
|
||
/*****************
|
||
*
|
||
*
|
||
*
|
||
* * * * * * * * *
|
||
* * ra
|
||
* *
|
||
* *
|
||
******************/
|
||
|
||
double ra = (angel - 90) * Math.PI / 180; //弧度
|
||
endLeft = leftStart + Math.Cos(ra) * radius; //余弦横坐标
|
||
endTop = topStart + radius + Math.Sin(ra) * radius;//正弦纵坐标
|
||
}
|
||
|
||
else if (angel <= 270)
|
||
{
|
||
/*****************
|
||
*
|
||
*
|
||
*
|
||
* * * * * * * * *
|
||
* *
|
||
*ra*
|
||
* *
|
||
******************/
|
||
isLagreCircle = true; //优势弧
|
||
double ra = (angel - 180) * Math.PI / 180;
|
||
endLeft = leftStart - Math.Sin(ra) * radius;
|
||
endTop = topStart + radius + Math.Cos(ra) * radius;
|
||
}
|
||
|
||
else if (angel < 360)
|
||
{
|
||
/*****************
|
||
* *
|
||
* *
|
||
ra * *
|
||
* * * * * * * * *
|
||
*
|
||
*
|
||
*
|
||
******************/
|
||
isLagreCircle = true; //优势弧
|
||
double ra = (angel - 270) * Math.PI / 180;
|
||
endLeft = leftStart - Math.Cos(ra) * radius;
|
||
endTop = topStart + radius - Math.Sin(ra) * radius;
|
||
}
|
||
else
|
||
{
|
||
isLagreCircle = true; //优势弧
|
||
endLeft = leftStart - 0.001; //不与起点在同一点,避免重叠绘制出非环形
|
||
endTop = topStart;
|
||
}
|
||
|
||
Point arcEndPt = new Point(endLeft, endTop); //结束点
|
||
Size arcSize = new Size(radius, radius);
|
||
SweepDirection direction = SweepDirection.Clockwise; //顺时针弧形
|
||
//弧形
|
||
ArcSegment arcsegment = new ArcSegment(arcEndPt, arcSize, 0, isLagreCircle, direction, true);
|
||
|
||
//形状集合
|
||
PathSegmentCollection pathsegmentCollection = new PathSegmentCollection();
|
||
pathsegmentCollection.Add(arcsegment);
|
||
|
||
//路径描述
|
||
PathFigure pathFigure = new PathFigure();
|
||
pathFigure.StartPoint = new Point(leftStart, topStart); //起始地址
|
||
pathFigure.Segments = pathsegmentCollection;
|
||
|
||
//路径描述集合
|
||
PathFigureCollection pathFigureCollection = new PathFigureCollection();
|
||
pathFigureCollection.Add(pathFigure);
|
||
|
||
//复杂形状
|
||
PathGeometry pathGeometry = new PathGeometry();
|
||
pathGeometry.Figures = pathFigureCollection;
|
||
|
||
//Data赋值
|
||
myCycleProcessBar.Data = pathGeometry;
|
||
//达到100%则闭合整个
|
||
if (angel == 360)
|
||
{
|
||
myCycleProcessBar.Data = Geometry.Parse(myCycleProcessBar.Data.ToString() + " z");
|
||
}
|
||
}
|
||
}
|
||
} |