2010-10-16 8 views
7

Primo, Non sto parlando di librerie di icone o strumenti/librerie di mockup.Bitmap gratuiti per pulsanti e cursori personalizzati iOS?

ho familiarità con le varie librerie di icone che le persone hanno creato, ma a parte la roba dal codice di esempio come UICatalog, mi chiedo se qualcuno sa di chi ha creato librerie libere di bitmap dei pulsanti personalizzati (immagini pulsante estensibile), handle di scorrimento/bitmap traccia, ecc. Fondamentalmente bitmap per personalizzare l'aspetto dei controlli standard per quei controlli (come pulsanti e cursori) che consentono di specificare tali bitmap.

Mi interessa alcun tutorial photoshop anche/templates su/per la creazione di immagini dei pulsanti personalizzati estensibili, bitmap per le parti di scorrimento, ecc (paura che non sono un grande dio PS o nulla.)

Chiunque Conoscenza di risorse come questa per liberare i controlli standard?

risposta

2

I pulsanti estensibili non sono un problema: non c'è niente di speciale da fare in Photoshop. Basta rendere l'immagine del pulsante estensibile e impostare il raggio su quello degli angoli arrotondati presenti sulla grafica del pulsante.

Parti del dispositivo di scorrimento: sono sicuro che avresti dovuto creare il tuo UIControl da zero.

Per creare un pulsante in Photoshop, creare un nuovo file con sfondo trasparente, selezionare lo strumento Forma, il rettangolo vicino alla parte inferiore degli strumenti, trascinare un rettangolo. Le dimensioni non contano ™. Per un rettangolo arrotondato, fai clic e tieni premuto lo stesso strumento, scegli la forma arrotondata del rettangolo e imposta un punto radiante angolare (stesso raggio di estensibile in seguito).

Fare doppio clic sul livello a destra del nome del livello per visualizzare il popup di stile del livello. Controlla sovrapposizione colore e imposta il colore desiderato. Controlla la smussatura interna e crea le sue dimensioni da qualche parte sotto la metà dell'altezza del rettangolo: penso che i 90 gradi per l'angolo globale funzionino bene. Un'opacità inferiore e dimensioni maggiori rendono la smussatura meno spessa.

Ctrl-clic (opzione-clic) sul rettangolo grafico nel layer per selezionare il contorno del pulsante. Deseleziona la metà inferiore usando lo strumento selezione (M) nella parte superiore degli strumenti. Seleziona un colore in primo piano grigio chiaro, quasi bianco. Crea un nuovo livello con l'icona quadrata sotto l'elenco dei livelli (Windows-> Livelli se non visibile). Riempi la selezione del nuovo livello con il secchiello e trascina verso il basso l'opacità del livello fino a quando l'effetto 'opaco laquer' non sembra corretto.

Un semplice pulsante, ma questo è il senso.

+1

Come suggerito dall'OP, il controllo standard 'UISlider' è facilmente personalizzabile. Accetta immagini alternative per cinque diversi componenti. Controlla: http://developer.apple.com/library/ios/#documentation/UIKit/Reference/UISlider_Class/Reference/Reference.html – Justin

+0

Pensavo di averti assegnato la taglia ma apparentemente contrassegnare la risposta come risposta conferire la taglia. Scusa, questa è la mia prima volta che pubblichi una taglia .... – Nimrod

4

Sono stato in grado di trovare diversi pulsanti estensibili effettuando una ricerca attraverso le mie collezioni di codice di esempio per: "stretchableImageWithLeftCapWidth"

Dal codice di esempio di Apple, l'UICatalog, BubbleLevel, iPhoneMultichannelMixerTest, avTouch, AQOffilineRenderTest e TouchCells il codice di esempio contiene tutti i pulsanti con immagini estensibili.

Spero che questo aiuti!