爱收集资源网

图片选项按钮应用注意事项

网络 2023-06-25 15:06

一、什么是图片选项按键

图片选项按键是由两张图片组成的具有选择功能的按键,一般应用于图片选项中,也可用在UI界面的选择按键等。

二、原理及所需功能

通过工具中的设置功能将两张图片弄成按键的操作。

三、步骤

第一步,打开橙光2.0版制做工具。

第二步,将所用到的按键图片放在工程文件夹的“Button”文件夹中。

图片切换是不是按钮是个圆点_jquery 圆点背景切换 人人贷_y470显卡切换按钮在哪

第三步,点击工具栏中的“设置”项,切换到“图片选项”页面。

图片切换是不是按钮是个圆点_y470显卡切换按钮在哪_jquery 圆点背景切换 人人贷

第四步,在图片选项页面右侧选择空白的编号,如果位置不够可以“更改最大值”来降低编号。这里我们选择“111”号位置。

第五步,在“名称”处给图片按键命名,这里命名为“结局1”。

第六步,点击“未点击图片”后的小钢笔。

图片切换是不是按钮是个圆点_y470显卡切换按钮在哪_jquery 圆点背景切换 人人贷

第七步,在跳出的“选择图片-Button”页面中,选择对应的图片,点击确认。

第八步,用同样的方式添加“点击图片”项。

y470显卡切换按钮在哪_图片切换是不是按钮是个圆点_jquery 圆点背景切换 人人贷

两张图片添加完毕后可以在“按钮测试”区域测试点击疗效。

第九步,确认疗效后,点击 “应用”,点击“确认”。

图片切换是不是按钮是个圆点_jquery 圆点背景切换 人人贷_y470显卡切换按钮在哪

这样一个图片按键即设置完毕,接着我们用同样的方式再添加另外的按键。

我们来看一下图片按键在工程中的应用。

四、注意事项

1. 根据精装作品要求,图片选项按键的“未点击图片”与“点击图片”除了光效或素材变化不可有别的变化。即不能把文字说明置于“点击图片”中,其他变化不影响对按键功能的理解即可。

2. 根据精装作品要求,所有按键可点击区域的宽不得大于45像素,高度不得大于30象素。

3. 根据精装作品要求,所有按键为了易于点选,请在透明部份填充上不透明度为1%,填充为50%的底色。

图片切换是不是按钮是个圆
上一篇:爱攻保时捷联名电竞显示器评测 下一篇:没有了
相关文章