iOS自定义按钮和滑块的免费位图?

时间:2010-10-16 21:03:17

标签: iphone user-interface ipad ios photoshop

首先,我不是在讨论图标库或模型工具/库。

我熟悉人们创建的各种图标库,但除了像UICatalog这样的示例代码中的东西之外,我想知道是否有人知道有人创建了自定义按钮位图的免费库(可伸缩按钮图像),滑块手柄/轨迹位图等基本上是位图,用于自定义允许您指定此类位图的控件(如按钮和滑块)的标准控件外观。 / p>

我也对任何photoshop教程/模板/用于创建可伸缩的自定义按钮图像,滑块部件的位图等感兴趣(恐怕我不是一个巨大的PS神或任何东西。)

任何人都知道这样的资源是否适合标准控制?

2 个答案:

答案 0 :(得分:4)

通过搜索我的示例代码集合,我已经找到了几个可伸缩的按钮:“stretchableImageWithLeftCapWidth”

从Apple示例代码中,UICatalog,BubbleLevel,iPhoneMultichannelMixerTest,avTouch,AQOffilineRenderTest和TouchCells示例代码都包含带有可伸缩图像的按钮。

希望这有帮助!

答案 1 :(得分:2)

可伸缩按钮没问题 - 在Photoshop中你不需要做什么特别的事情。只需使按钮图像可伸缩,并将半径设置为按钮图形上任何圆角的半径。

滑块部件 - 我很确定你必须从零开始制作自己的UIControl。

要在Photoshop中创建一个按钮,创建一个透明背景的新文件,选择形状工具,工具底部附近的矩形,拖出一个矩形。尺寸无关紧要™。对于圆角矩形,单击并按住相同的工具,选择圆角矩形并设置角半径(与稍后的stretchableImage相同的半径)。

双击图层名称右侧的图层以获取图层样式弹出窗口。检查颜色叠加并设置所需的颜色。检查内斜面并使其大小低于矩形高度的一半 - 我认为全局角度的90度效果很好。较低的不透明度和较大的尺寸使斜面看起来不那么厚实。

按住Ctrl键单击(按住Option键单击)图层中的图形矩形,以选择按钮的轮廓。使用工具顶部的选框工具(M)取消选择其下半部分。选择浅灰色前景色,近白色。在图层列表下创建一个带有方形图标的新图层(Windows->图层,如果不可见)。使用油漆桶填充新图层的选择,然后向下拖动图层的不透明度,直到它的“遮罩”效果看起来正确。

一个简单的按钮,但这就是它的要点。