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
~~~
~~~
~~~
~~~
![这里写图片描述](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636ca07b0.jpg)
在设计,点按钮,右击,编辑模板副本,选择当前页![这里写图片描述](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636caedc9.png)
可以看到
~~~
~~~
在``可以把里面写成这个状态的样子,按钮有正常,按下,鼠标在按钮上,可以对每个修改
![这里写图片描述](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636cc6607.png)
点击Pressed更改pressed![点击Pressed更改pressed](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636cdc52f.png)
看到这里按钮有背景![看到这里按钮有背景](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636d0c8d1.png)
去掉背景,按F4把背景无画笔![去掉背景,按F4把背景无画笔](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636d1c9db.png)
添加过度![添加过度](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636d2ea24.png)
记录关键帧![记录关键帧](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636d493de.png "记录关键帧")
选时间0.5改变背景![选时间0.5改变背景](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636d5c7f5.png "选时间0.5改变背景")
选时间,改变背景![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636d7381f.png)
点播放可以看到我们做出来的
可以运行
移动到button显示文字
在装机必备移动到搜狐显示搜狐 参考:[http://blog.csdn.net/lindexi_gd/article/details/50166161](http://blog.csdn.net/lindexi_gd/article/details/50166161)
~~~
~~~
![这里写图片描述](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636d92e4a.jpg)
显示图片
~~~
~~~
';