设为首页
收藏本站
切换到宽版
登录
立即注册
找回密码
搜索
搜索
本版
帖子
用户
快捷导航
论坛
BBS
VIP用户组
官网群
无名商城论坛
»
论坛
›
资源分享区
›
学习资源专区
›
【限定72小时】Appbar中使用自定义图片示例 ...
返回列表
发帖
查看:
233
|
回复:
0
[其他技术]
【限定72小时】Appbar中使用自定义图片示例
[复制链接]
无名
无名
当前离线
积分
32464
1万
主题
1万
帖子
3万
积分
管理员
积分
32464
发消息
发表于 2022-5-8 18:05:24
|
显示全部楼层
|
阅读模式
本教程转载网络,我只是个搬运工
在WinJS中,我们可以使用系统提供的Appbar图标,下图是所有系统自带图片的截图
但有时我们有用到自定义的图标,那么如何在WinJS中使用自定义的图标呢。
我们最终制作的图片为(160*80):
分以下几个步骤:
1、准备一个40*40的图标文件(即你要使用的icon文件,png格式),如
2、使用PhotoShop制作Appbar选中状态以及禁用状态的图片。一般默认状态颜色为 #ffffff,选中时为#000000,禁用:#666666,如下图
3。使用CSS图片拼接工具gopng将图片拼接起来(或者PS软件)
Tips:可以分两次,第一次拼:白、白、黑、灰,选中四张图片,拖入浏览器中就可以生成160*40
4. 在HTML中使用图片即可。
<div id="appbar" data-win-control="WinJS.UI.AppBar">
<button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdBrightness', label:'调节亮度',icon:'url(/images/appbar.brightness.png)',section:'selection',tooltip:'调节亮度'}" type="button"></button>
</div>
使用
,
图片
,
图标
,
拼接
,
定义
相关帖子
•
【FUT】 R、【关●注哥】代码分享
•
【IAPP教程】Max,如何将图片导入iapp,纯小白教程,内含
•
【FUT】修改图片透明度
•
【FUT】二开代刷教程
•
【FUT】IAPP图片全屏
•
【FUT】IAPP图片无限旋转
•
【FUT】水波纹动画
•
【FUT】图片直链助手iapp源码
•
【FUT】腾讯视频【去广告】教程?
回复
使用道具
举报
返回列表
发帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
快速回复
返回顶部
返回列表