1、效果图
2、设计思路和原理
1、无边框圆角窗体(感谢吕毅大神的思路和方法WPF 制作高性能的透明背景异形窗口(使用 WindowChrome 而不要使用 AllowsTransparency=True) - walterlv)
<WindowChrome.WindowChrome>
<WindowChrome GlassFrameThickness="-1" />
</WindowChrome.WindowChrome>
<Window.Template>
<ControlTemplate TargetType="Window">
<Border Padding="10" Background="Transparent">
<Border CornerRadius="10" Background="White">
<Border.Effect>
<DropShadowEffect BlurRadius="10" ShadowDepth="0" />
</Border.Effect>
<ContentPresenter ClipToBounds="True" />
</Border>
</Border>
</ControlTemplate>
</Window.Template>
2、采用DataGrid进行数据展示(自定义DataGridTemplateColumn.CellTemplate)
3、下载进度条UI思路
通过百分比换算控件宽度
public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
{
//根据百分比转换成宽度
try
{
double width = double.Parse(values[1].ToString()) * ((double)values[0] / 100);
if (width > double.Parse(values[1].ToString()))
{
width = double.Parse(values[1].ToString());
}
return width;
}
catch
{
return 0;
}
}
3、源码