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

发布于 2024-09-28 03:22:57 字数 328 浏览 5 评论 0原文

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

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

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

任何人都知道类似这样的资源提高标准控制?

First, I'm not talking about icon libraries or mockup tools/libraries.

I'm familiar with various icon libraries that people have created, but other than the stuff from the example code like UICatalog, I'm wondering if anyone knows of anyone who has created free libraries of custom button bitmaps (stretchable button images), slider handle/track bitmaps, etc Basically bitmaps to customize the look of standard controls for those controls (like buttons and sliders) that allow you to specify such bitmaps.

I'm also interested in any photoshop tutorials/templates on/for creating stretchable custom button images, bitmaps for slider parts, etc. (Afraid I'm not a huge PS god or anything.)

Anyone know of any resources like this for fancying up the standard controls?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

陌路终见情 2024-10-05 03:22:57

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

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

希望这有帮助!

I've been able to find several stretchable buttons by searching through my collections of sample code for: "stretchableImageWithLeftCapWidth"

From the Apple sample code, the UICatalog, BubbleLevel, iPhoneMultichannelMixerTest, avTouch, AQOffilineRenderTest, and TouchCells sample code all contain buttons with stretchable images.

Hope this helps!

踏雪无痕 2024-10-05 03:22:57

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

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

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

双击图层名称右侧的图层,弹出图层样式。检查颜色叠加并设置您想要的颜色。检查内斜角并使其大小低于矩形高度的一半 - 我认为 90 度的全局角度效果很好。较低的不透明度和较大的尺寸使斜角看起来不那么粗壮。

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

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

Stretchable buttons is no problem - there's nothing special you need to do in Photoshop. Just make the image of the button stretchable and set the radius to that of any rounded corners you have on the button graphic.

Slider parts - I'm pretty sure you'd have to make your own UIControl from scratch.

To make a button in Photoshop, create a new file with transparent background, select the Shape tool, rectangle near the bottom of the tools, drag out a rectangle. Size doesn't matter™. For a rounded rectangle, click and hold the same tool, choose the rounded rect shape and set a corner radies (same radius as in stretchableImage later).

Double-click the layer right of the layer name to get the layer style popup. Check Color Overlay and set the color you want. Check Inner Bevel and make its size somewhere below half the height of the rectangle - I think 90 degrees for the Global Angle works well. A lower opacity and larger size makes the bevel look less chunky.

Ctrl-click (option-click) the graphics rectangle in your layer to select the button's outline. Deselect the bottom half of it by using the marquee tool (M) at the top of the tools. Select a light gray foreground color, nearly white. Create a new layer with the square icon under the layer list (Windows->Layers if not visible). Fill the selection of the new layer with the paint bucket, and drag down opacity for the layer until the 'matte laquer' effect of it looks right.

A simple button, but that's the gist of it.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文