第一步:
先找到元件库中的矩形并将其拖拉到内容区域,并设置自己想要宽度和高度。
![](https://img.haomeiwen.com/i13783095/a3e17f52e456d300.png)
第二步:
在元件库中拖拉按钮(需要几个拖拉几个),如图,然后在拖拉一个动态面板(在动态面板中添加状态),并且分别为它们命名(目的是为了之后好区分它们),最后分别在动态面板的状态中添加内容,如:图片,文字等。
![](https://img.haomeiwen.com/i13783095/225a8079688ee7a0.png)
![](https://img.haomeiwen.com/i13783095/1eec3183b5ad8ddf.png)
![](https://img.haomeiwen.com/i13783095/0c8a73c536887a60.png)
第三步:
分别给按钮添加鼠标单击时的事件,设置其选中状态和动态面板状态,如下图。
![](https://img.haomeiwen.com/i13783095/6d8f8cf855324973.png)
也可以分别在交互样式中设置选中时的填充颜色,如下图。
![](https://img.haomeiwen.com/i13783095/c028d55e99b679f1.png)
设置好之后按右上角的预览或者是键盘上的F5就可以看做出来的效果了。如图,这样就完成啦。
![](https://img.haomeiwen.com/i13783095/bf490b164c19487f.png)
网友评论