2010-10-16 50 views
7

首先,我不是在談論圖標庫或模型工具/庫。iOS自定義按鈕和滑塊的免費位圖?

我不是從像UICatalog示例代碼的東西,熟悉人民創造的各種圖標庫,但其他的,我想知道如果任何人誰創建的自定義鍵位圖的免費圖書館的人都知道(可伸縮按鈕圖像),滑塊手柄/軌跡位圖等基本位圖自定義這些控件(如按鈕和滑塊)的標準控件的外觀,允許您指定這樣的位圖。

我也有興趣在任何Photoshop教程/上/爲滑塊部件等創建拉伸的自定義按鈕圖像,位圖模板(恐怕我不是一個巨大的PS神或任何東西。)

任何人知道這樣的資源是爲了看看標準控件嗎?

回答

2

可伸縮按鈕是沒有問題的 - 在Photoshop中沒有什麼特別的你需要做。只需將按鈕的圖像拉伸即可,並將半徑設置爲按鈕圖形上任何圓角的半徑。

滑塊部件 - 我敢肯定,你必須從頭開始創建自己的UIControl。

要在Photoshop中創建一個按鈕,創建一個具有透明背景的新文件,選擇形狀工具,靠近工具底部的矩形,拖出一個矩形。大小無關緊要。對於圓角矩形,請單擊並按住相同的工具,選擇圓角矩形並設置角Radies(稍後在StretchableImage中的半徑相同)。

雙擊圖層名稱右側的圖層以獲取圖層樣式彈出。檢查顏色疊加並設置所需的顏色。檢查內斜角並將其尺寸設置在矩形高度的一半以下 - 我認爲90度的全局角度效果很好。較低的不透明度和較大的尺寸使得斜角看起來不那麼笨重。

按住Ctrl(單擊選項)單擊圖層矩形以選擇按鈕的輪廓。使用工具頂部的選框工具(M)取消選擇其下半部分。選擇淺灰色的前景色,幾乎是白色。使用圖層列表下方的方形圖標創建一個新圖層(Windows->圖層如果不可見)。使用油漆桶填充新圖層的選區,並向下拖動圖層的不透明度,直到其「啞光漆」效果看起來正確。

一個簡單的按鈕,但這是它的要點。

+1

正如OP所建議的,標準的'UISlider'控件非常容易定製。它接受五個不同組件的替代圖像。查看:http://developer.apple.com/library/ios/#documentation/UIKit/Reference/UISlider_Class/Reference/Reference.html – Justin 2010-10-22 02:29:29

+0

我以爲我已經授予你賞金,但顯然標記答案爲答案didn不獎勵賞金。對不起,這是我第一次發佈賞金... – Nimrod 2010-10-26 02:42:17

4

我已經能夠通過我的樣本代碼的集合用於搜索找到幾個伸縮按鈕:「stretchableImageWithLeftCapWidth」

從蘋果的示例代碼,在UICatalog,BubbleLevel,iPhoneMultichannelMixerTest,avTouch,AQOffilineRenderTest和TouchCells示例代碼都包含帶可伸縮圖像的按鈕。

希望這會有所幫助!