Kostenlose Bitmaps für iOS benutzerdefinierte Schaltflächen und Schieberegler?

Question

Erstens, Ich spreche nicht über Icon-Bibliotheken oder Mock-up-Tools/Bibliotheken.

ich mit Bibliotheken verschiedenen Symbols vertraut bin, die Menschen geschaffen haben, aber anders als die Sachen aus dem Beispielcode wie UICatalog, ich frage mich, ob jemand von jemandem weiß, wer freie Bibliotheken von benutzerdefinierter Schaltfläche Bitmaps (erstellt hat dehnbare Schaltfläche Bilder), Slider Handle/Spur Bitmaps, etc Grundsätzlich Bitmaps, um das Aussehen der Standardsteuerelemente für diese Steuerelemente (wie Schaltflächen und Schieberegler) anpassen, die Sie solche Bitmaps angeben können.

Ich bin auch an irgendwelchen Tutorials für Photoshop/Vorlagen/für die Erstellung von dehnbaren benutzerdefinierte Schaltfläche Bilder, Bitmaps für Schieber Teile usw. (Angst, ich bin kein großer PS Gott oder irgendetwas.)

Jedermann kennen Sie solche Ressourcen, um die Standardsteuerelemente zu verbessern?

Answer 1

Dehnbare Tasten sind kein Problem - in Photoshop gibt es nichts Besonderes. Machen Sie das Bild der Schaltfläche dehnbar und setzen Sie den Radius auf den Radius der abgerundeten Ecken der Schaltflächengrafik.

Slider Teile - Ich bin mir ziemlich sicher, dass Sie Ihren eigenen UIControl von Grund auf neu erstellen müssen.

Um eine Schaltfläche in Photoshop zu erstellen, erstellen Sie eine neue Datei mit transparentem Hintergrund, wählen Sie das Formwerkzeug, Rechteck am unteren Rand der Werkzeuge, ziehen Sie ein Rechteck. Größe spielt keine Rolle ™. Um ein abgerundetes Rechteck zu erhalten, klicken und halten Sie das selbe Werkzeug, wählen Sie die abgerundete Rechteckform und stellen Sie eine Eckenradien ein (gleicher Radius wie in dehnbarem Bild später).

Doppelklicken Sie auf die Ebene rechts neben dem Layernamen, um das Popup-Menü für die Ebenenstile zu erhalten. Überprüfen Sie die Farbüberlagerung und stellen Sie die gewünschte Farbe ein. Überprüfen Sie die innere Abschrägung und machen Sie ihre Größe irgendwo unterhalb der halben Höhe des Rechtecks ​​- ich denke, 90 Grad für den globalen Winkel funktioniert gut. Eine niedrigere Opazität und eine größere Größe lassen die Abschrägung weniger klumpig aussehen.

Klicken Sie bei gedrückter Ctrl-Taste (Option-Klick) auf das Grafikrechteck in Ihrer Ebene, um den Umriss der Schaltfläche auszuwählen. Deaktivieren Sie die untere Hälfte, indem Sie das Auswahlwerkzeug (M) oben auf den Werkzeugen verwenden. Wählen Sie eine hellgraue Vordergrundfarbe, fast weiß. Erstellen Sie eine neue Ebene mit dem Quadrat-Symbol unter der Ebenenliste (Windows-> Ebenen, falls nicht sichtbar). Füllen Sie die Auswahl der neuen Ebene mit dem Farbeimer und ziehen Sie die Deckkraft für die Ebene nach unten, bis der Effekt "Matte-Lack" richtig aussieht.

Ein einfacher Knopf, aber das ist der Kern davon.

Answer 2

Ich habe in der Lage gewesen, durch die Suche durch meine Sammlung von Beispielcode mehrere dehnbare Tasten zu finden: „stretchableImageWithLeftCapWidth“

aus dem Apple-Beispielcode, der UICatalog, BubbleLevel, iPhoneMultichannelMixerTest, avTouch, AQOffilineRenderTest und TouchCells Beispielcode enthalten alle Schaltflächen mit dehnbaren Bildern.

Hoffe, das hilft!