代码之家  ›  专栏  ›  技术社区  ›  Nimrod

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

  •  7
  • Nimrod  · 技术社区  · 14 年前

    第一, 我不是在谈论图标库或模型工具/库。

    我熟悉人们创建的各种图标库,但除了uicatalog之类的示例代码之外,我想知道是否有人知道有谁创建了自定义按钮位图的免费库( 可拉伸按钮图像 ) 滑动手柄/轨迹位图 等等,基本上是位图,为那些允许您指定此类位图的控件(如按钮和滑块)自定义标准控件的外观。

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

    有人知道有没有这样的资源来美化标准控制?

    2 回复  |  直到 14 年前
        1
  •  2
  •   Henrik Erlandsson    14 年前

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

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

    要在Photoshop中制作一个按钮,请创建一个具有透明背景的新文件,选择“形状”工具“工具底部附近的矩形”,拖动一个矩形。大小无关紧要。对于圆角矩形,单击并按住同一个工具,选择圆角矩形并设置圆角半径(与后面的可拉伸图像中的半径相同)。

    双击图层名称右侧的图层,弹出图层样式。选中“颜色覆盖”并设置所需的颜色。检查内部斜面,使其大小低于矩形高度的一半-我认为90度的全局角度很好。较低的不透明度和较大的尺寸使斜面看起来不那么厚重。

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

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

        2
  •  4
  •   Jonah    14 年前

    通过在我的示例代码集合中搜索“StretchableImageWithLeftCapWidth”,我可以找到几个可伸缩的按钮。

    从Apple示例代码来看,uicatalog、bubblelevel、iphone多通道混音器测试、avtouch、aqoffilinedertest和touchcells示例代码都包含具有可伸缩图像的按钮。

    希望这有帮助!