win10 UWP button
最后更新于:2022-04-01 20:23:16
button有很多和wpf一样,可以看《深入浅出WPF》
我们可以在button的click写上
~~~
~~~
在Button_Click按F12到代码写上点击按钮需要运行
~~~
private void Button_Click(object sender, RoutedEventArgs e)
{
}
~~~
也可以用viewModel的一个方法 viewModel有一个方法 ce
可以在Click写
~~~
Click="{x:Bind view.ce}"
~~~
在用view需要在MainPage.xaml.cs写
~~~
viewModel view {set;get;}= new viewModel();
~~~
button content可以使用一个元素,这个元素可以是Grid,我们可以做一个圆形头像
先找出一张图,我们把这张图做头像
把图放到项目
~~~
~~~
我们可以修改鼠标在按钮上的样子
button可以设置属性,使用资源 资源可以写在页面
~~~
~~~
所有按钮使用同样式
~~~
~~~
按钮的属性用` `
按钮的背景
~~~
~~~
指定一个样式,key
~~~
~~~
~~~
~~~

在设计,点按钮,右击,编辑模板副本,选择当前页
可以看到
~~~
~~~
在``可以把里面写成这个状态的样子,按钮有正常,按下,鼠标在按钮上,可以对每个修改

点击Pressed更改pressed
看到这里按钮有背景
去掉背景,按F4把背景无画笔
添加过度
记录关键帧
选时间0.5改变背景
选时间,改变背景
点播放可以看到我们做出来的
可以运行
移动到button显示文字
在装机必备移动到搜狐显示搜狐 参考:[http://blog.csdn.net/lindexi_gd/article/details/50166161](http://blog.csdn.net/lindexi_gd/article/details/50166161)
~~~
~~~

显示图片
~~~
~~~
';