原型设计:[2]如何实现TAB切换时按钮变换样式

 时间:2024-10-13 20:07:09

1、今天的设计目标:当鼠标移动到TAB标签按钮时,按钮样式发生改变(红底白色加粗字体),当点击按钮切换显示内容后,按钮样式发生改变(黄底黑色加粗字体)最终显示如下:

原型设计:[2]如何实现TAB切换时按钮变换样式原型设计:[2]如何实现TAB切换时按钮变换样式

4、设置按钮点击后(被选中)的样式选中按钮“作业批阅结果”,右键>>编辑按钮形状>>编辑选中样式,在弹出的对话框中设置第二种样式(黄底黑色加粗字体),如下图:

原型设计:[2]如何实现TAB切换时按钮变换样式

6、设置按钮点击后改变样式选中第一个按钮“作业批阅结果”,然后再右侧事件编辑栏中选中“onclick(点击时)用例1”进行编辑(注意:前面已经添加了一个事件,点击时显示对应的内容),在弹出的对话框中选择“设置部件为选中状态“,在右侧选择按钮”作业批阅结果“后确定,如下图

原型设计:[2]如何实现TAB切换时按钮变换样式原型设计:[2]如何实现TAB切换时按钮变换样式原型设计:[2]如何实现TAB切换时按钮变换样式

10、本节建议这个例子用到了一个部件的操作涉及到另一个部件的属性的相关功能,因此建议大家养成对部件命名的好习惯,不然在后面做复杂交互设计的时候,会很头疼,比如,在一堆没有名字的部件列表中你找不到目标了……

原型设计:[2]如何实现TAB切换时按钮变换样式
  • Android apk最基础的component有哪些?
  • Web的App下图片滑动组件是如何开发
  • 如何使用jquery让元素显示后自动隐藏
  • bootstrap轮播插件教程
  • 如何使用CSS3样式属性控制元素边框显示图片边框
  • 热门搜索
    承德 旅游 库车旅游 元旦旅游好去处 亚丁稻城旅游攻略 天水旅游景点大全 湖北省旅游景点 平潭岛旅游 美国个人旅游签证 上海携程旅游网 中国旅游新闻