UWP xaml 圆形头像
最后更新于：2022-04-01 20:22:51
- [圆形头像](#)
- [去掉黑边](#)
- [拖动打开图形](#)
## 圆形头像
现在很多软件都喜欢使用圆形头像
win10 uwp使用圆形头像很简单
~~~
~~~
使用这样的圆形头像没有对原有图形的渲染大小进行变化，一个大的图形不会解码为刚好要的，我们进行一步修改
代码：
~~~
~~~
## 去掉黑边
程序界面有一些
看起来不好
在app.xaml.cs找到`this.DebugSettings.EnableFrameRateCounter = true;`
写为`false`
## 拖动打开图形
把`().First();
if (file.FileType == ".png" || file.FileType == ".jpg")
{
// 拖放的是图片文件。
BitmapImage bitmap = new BitmapImage();
await bitmap.SetSourceAsync(await file.OpenAsync(FileAccessMode.Read));
ximg.ImageSource = bitmap;
}
}
}
finally
{
defer.Complete();
}
}
~~~
在`Grid_DragOver`
~~~
private void Grid_DragOver(object sender , DragEventArgs e)
{
//需要using Windows.ApplicationModel.DataTransfer;
e.AcceptedOperation = DataPackageOperation.Copy;
// 设置拖放时显示的文字。
//e.DragUIOverride.Caption = "拖放打开";
// 是否显示拖放时的文字。默认为 true。
//e.DragUIOverride.IsCaptionVisible = false;
// 是否显示文件预览内容，一般为文件图标。默认为 true。
// e.DragUIOverride.IsContentVisible = false;
// Caption 前面的图标是否显示。默认为 true。
//e.DragUIOverride.IsGlyphVisible = false;
//需要using Windows.UI.Xaml.Media.Imaging;
//设置拖动图形，覆盖文件预览
//e.DragUIOverride.SetContentFromBitmapImage(new BitmapImage(new Uri("ms-appx:///Assets/1.jpg")));
e.Handled = true;
}
~~~
`e.AcceptedOperation = DataPackageOperation.Copy;`设置拖动作为复制
需要`using Windows.ApplicationModel.DataTransfer`
拖放显示文字`e.DragUIOverride.Caption = "拖放打开";`
是否显示拖放时的文字。默认为 true`e.DragUIOverride.IsCaptionVisible = false;`
复制图标是否显示 `e.DragUIOverride.IsGlyphVisible = false;`
设置拖动图形，覆盖文件预览`e.DragUIOverride.SetContentFromBitmapImage(new BitmapImage(new Uri(img)));`
代码：[https://code.csdn.net/lindexi_gd/lindexi_gd/tree/master/Roundhead](https://code.csdn.net/lindexi_gd/lindexi_gd/tree/master/Roundhead)
参考:[http://timheuer.com/blog/archive/2015/05/06/making-circular-images-in-xaml-easily.aspx](http://timheuer.com/blog/archive/2015/05/06/making-circular-images-in-xaml-easily.aspx)
';