您的位置:首页 > 产品设计 > UI/UE

为图片添加九宫格信息-UI界面编辑器(SkinStudio)教程

2015-01-29 14:18 429 查看

1.1. 为图片添加九宫格信息

在UI编辑器中添加一张图片





使用Photoshop打开这张图片





放大这张图片,使用切片工具,选取LeftTop(左上角固定不变的位置)





双击切片,找到尺寸信息





将尺寸信息填入图片九宫格信息中(PS:为了方便截图,把属性窗口移到文件视图旁边)





选取RigthTop(右上角固定不变的位置)





填入RightTop信息





选取LeftBottom(左下角固定不变的位置)











填入LeftBottom信息





选取RightBottom(右下角固定不变的位置)











填入RightBottom信息





选取LeftMiddle(左中固定不变的位置。PS:除去左上角、左下角,其余均属于左中位置,任意选取一块即可)





填入LeftMiddle信息





选取RightMiddle(右中固定不变的位置)





填入RightMiddle信息





选取TopMiddle(上中固定不变的位置)





填入TopMiddle信息





选取BottomMiddle(下中固定不变的位置)











填入BottomMiddle信息





选取Middle(中间固定不变的位置)





填入Middle信息



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: