Bu konu da size kendi iOS temamızı nasıl oluşturacağımızı öğreteceğim.
Başlamadan önce gerekli olan koşulları söyleyeyim;
-Bir ios cihazına veya bir bilgisayara ihtiyacımız var.
Aşama 1: Klasör Yapısı
Doğru yapıyı izlemeden temanız işe yaramaz ya da görünmeyebilir!
İlk önce bir klasör oluşturmanız ve adlandırmanız gerekir.
Temaİsmi.theme şeklinde eğer .theme uzantısını eklemezseniz temanız çalışmaz veya görünmez.
Yaptığımız klasör içerisinde bir kaç klasör daha var ilk klasörümüz IconBundles ana ekrandaki ikonların simgelerini ekleyeceğimiz ikon.
2. Aşama: Info.plist
Bir diğer dosyamız Info.plist dosyası bu şekilde bir metin yazısı dosyası açabilirsiniz windows üzerinden ve aşağıdaki kodu sadece Tema İsmi yazdığım yeri (kendi tema isminizi yazacak şekilde editleyin gerisini kopyalayın)
Dosyayı oluşturamayan kişiler için hazır bir dosya veriyorum buradan gerekli değişimi yapabilirsiniz.
Aşama 3: Simge Oluşturma
Bilgi listeniz bitti, Şimdi bazı ikonlar yapalım!
Şimdi en önemli kısmı çözelim. Simgelerinizi oluşturmak için bazı yazılımlara ihtiyacınız olacak! Şahsen ben
Simge Boyutu ve Çözünürlük
İkonlarınızın boyutu 512x512 olması sizin için daha iyi olacaktır.
Özel Simge Şekilleri
Simgelerinizi özel bir şekil haline getirmeyi planlıyorsanız, örneğin dairesel. Simgeleri kendileri kare olarak oluşturmanızı ve bir simge maskesi eklemenizi şiddetle tavsiye ederim. Sadece şöyle bir kare simgesi oluşturun:
Daha sonra bu kılavuzda size tüm simgelerinize nasıl maske uygulanacağını öğreteceğim. Bu yöntemin en büyük yararı, maskenin kullanıcı tarafından tema motorlarında etkinleştirilip devre dışı bırakılabilmesidir!
Aşama 4: Simgelerinizi Kaydetme
Simgelerinizin Adı ve Biçimi
Simge dosyalarının doğru şekilde adlandırılması son derece önemlidir! Tüm simgeler .png biçiminde kaydedilmeli.
Simgeleri adlandırırken BUNDLEİD-large.png şeklinde adlandırıp IconBundles klasörüne atmanız gerekli.
İstediğiniz sayıda simgeyi istediğiniz gibi kaydedebilirsiniz. IconBundles Klasörüne atmanız yeterli.
BundleID nedir?
Bir paket kimliği, her uygulama için benzersiz bir tanımlayıcıdır. Örneğin, App Store uygulaması com.apple.AppStore
Bu, tamamladığınız simgenin com.apple.AppStore-large.png olarak kaydedileceği anlamına gelir .
Bir BundleID'yi nasıl bulabilirim?
Ben size stock uygulamaların bundle id isimlerini vereceğim:
Diğer appstore uygulamalarını bulmak için.
Aşama 5: Simge Maskeleri
Simge Maskeleri Nedir?
Bir simge maskesi, bir maskenin simgelere uygulanmasını sağlayan isteğe bağlı bir tema özelliğidir. Bir maske, simgelerinizi bir kare içinde oluşturmanıza olanak tanır, ardından hepsini çember haline getirebilirsiniz. Simge maskeleri kullanmanın temel avantajı, kullanıcının bunları açıp kapatabilir veya istediği maske şeklini kullanabilmesidir.
Ama tüm ikonlarımın farklı maskeleri olmasını istiyorum.
Tüm farklı şekil simgelerine sahip olmak istiyorsanız, bu da mümkün. Sadece şeffaf bir arka plana sahip simgeyi doğrudan IconBundles'a kaydedin.
Eğer Simge Maskesi kullanacaksanız Info.plist dosyasını editleyin ve gerekli şekilde kopyalayın..
Özel Maske Oluşturmak
Özel simge maskeleri kullanmak zorunda olmadığınızı unutmayın. Bu, temanıza isteğe bağlı bir ektir.
Özel simge maskelerimizi kaydetmeden önce, ilk önce bazılarını oluşturmamız gerekir. İstediğiniz görüntü düzenleyicide 512x512 saydam bir belge açarak başlamanız gerekecek. Arkaplanınızın şeffaf olması çok önemlidir. Şimdi maskenin şeklini oluşturmanız gerekecek, bu istediğiniz herhangi bir şekil olabilir.
Maskenin gizlemesini istediğiniz alanlar saydam ve korumak istediğiniz alanlar saf siyah olmalıdır (# 000000).
Örneğin, aşağıdaki aşağıdaki daire maskesine bakın:
Özel Maskeleri Kaydetme
Bu bölümde ikon maskelerinizi nasıl kaydedebileceğinizi açıklayacağım. İlk önce bazı yeni klasörler oluşturmamız gerekecek. Temanızın kök dizininde, adlı bir klasör oluşturun. Bundles Böylece bunun gibi iki klasör var:
Bundles klasörünün içine, adında başka bir klasör eklemeniz gerekecek. com.apple.mobileicons.framework aynen böyle:
Bu dizinde tüm maskelerimizi yerleştirebiliriz. Yine de sizi uyarmaya çalışacağım, maskeleme IconBundles'ı desteklemiyor, bu yüzden simgeler yapmanın aksine, eski moda yolunu kullanarak simgeleri iOS'un farklı aygıtları ve alanları için farklı çözünürlüklerde kullanmak zorundayız - bu sonuçta sona çok fazla dosya var.
Aşağıda, maskenizi kaydetmeniz gereken tüm farklı dosya adlarının ve çözünürlüklerinin bir tablosunu bulabilirsiniz:
Bu, bunun gibi bir şeye benzeyen bir klasörle bittiğiniz anlamına gelir (ancak içinde daha fazla simge bulunur):
Şimdi yaptığınız dosyayı filza üzerinden Library/Themes klasörüne atıp anemone veya snowboard üzerinden aktif edebilirsiniz.
Başlamadan önce gerekli olan koşulları söyleyeyim;
-Bir ios cihazına veya bir bilgisayara ihtiyacımız var.
Aşama 1: Klasör Yapısı
Doğru yapıyı izlemeden temanız işe yaramaz ya da görünmeyebilir!
İlk önce bir klasör oluşturmanız ve adlandırmanız gerekir.
Temaİsmi.theme şeklinde eğer .theme uzantısını eklemezseniz temanız çalışmaz veya görünmez.
Yaptığımız klasör içerisinde bir kaç klasör daha var ilk klasörümüz IconBundles ana ekrandaki ikonların simgelerini ekleyeceğimiz ikon.
2. Aşama: Info.plist
Bir diğer dosyamız Info.plist dosyası bu şekilde bir metin yazısı dosyası açabilirsiniz windows üzerinden ve aşağıdaki kodu sadece Tema İsmi yazdığım yeri (kendi tema isminizi yazacak şekilde editleyin gerisini kopyalayın)
Kod:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>PackageName</key>
<string>TEMA İSMİNİ BURAYA YAZIN </string>
<key>ThemeType</key>
<string>Icons</string>
</dict>
</plist>
Bağlantıları görmek için kayıt olmalısınız
Aşama 3: Simge Oluşturma
Bilgi listeniz bitti, Şimdi bazı ikonlar yapalım!
Şimdi en önemli kısmı çözelim. Simgelerinizi oluşturmak için bazı yazılımlara ihtiyacınız olacak! Şahsen ben
Bağlantıları görmek için kayıt olmalısınız
ve
Bağlantıları görmek için kayıt olmalısınız
bir kombinasyonunu kullanıyorum . Bildiğim diğer birçok tasarımcı da
Bağlantıları görmek için kayıt olmalısınız
öneriyor .Simge Boyutu ve Çözünürlük
İkonlarınızın boyutu 512x512 olması sizin için daha iyi olacaktır.
Özel Simge Şekilleri
Simgelerinizi özel bir şekil haline getirmeyi planlıyorsanız, örneğin dairesel. Simgeleri kendileri kare olarak oluşturmanızı ve bir simge maskesi eklemenizi şiddetle tavsiye ederim. Sadece şöyle bir kare simgesi oluşturun:
Daha sonra bu kılavuzda size tüm simgelerinize nasıl maske uygulanacağını öğreteceğim. Bu yöntemin en büyük yararı, maskenin kullanıcı tarafından tema motorlarında etkinleştirilip devre dışı bırakılabilmesidir!
Aşama 4: Simgelerinizi Kaydetme
Simgelerinizin Adı ve Biçimi
Simge dosyalarının doğru şekilde adlandırılması son derece önemlidir! Tüm simgeler .png biçiminde kaydedilmeli.
Simgeleri adlandırırken BUNDLEİD-large.png şeklinde adlandırıp IconBundles klasörüne atmanız gerekli.
İstediğiniz sayıda simgeyi istediğiniz gibi kaydedebilirsiniz. IconBundles Klasörüne atmanız yeterli.
BundleID nedir?
Bir paket kimliği, her uygulama için benzersiz bir tanımlayıcıdır. Örneğin, App Store uygulaması com.apple.AppStore
Bu, tamamladığınız simgenin com.apple.AppStore-large.png olarak kaydedileceği anlamına gelir .
Bir BundleID'yi nasıl bulabilirim?
Ben size stock uygulamaların bundle id isimlerini vereceğim:
App Store | com.apple.AppStore |
Apple Watch | com.apple.Bridge |
Hesap Makinesi | com.apple.calculator |
Takvim | com.apple.mobilecal |
Kamera | com.apple.camera |
Saat | com.apple.mobiletimer |
Pusula | com.apple.compass |
Kişiler | com.apple.MobileAddressBook |
FaceTime | com.apple.facetime |
Dosyalar | com.apple.DocumentsApp |
Game Center | com.apple.gamecenter |
Sağlık | com.apple.Health |
Home | com.apple.Home |
Kitaplar | com.apple.ibooks |
i Tunes Store | com.apple.MobileStore |
com.apple.mobilemail | |
Haritalar | com.apple.Maps |
Mesajlar | com.apple.MobileSMS |
Müzik | com.apple.music |
News | com.apple.News |
notlar | com.apple.mobilenotes |
Telefon | com.apple.mobilephone |
Fotoğraflar | com.apple.mobileslideshow |
Podcasts | com.apple.podcasts |
Hatırlatıcılar | com.apple.reminders |
Safari | com.apple.mobilesafari |
Ayarlar | com.apple.Preferences |
Borsa | com.apple.stocks |
Tips | com.apple.tips |
TV | com.apple.tv |
Videolar | com.apple.VoiceMemos |
Wallet | com.apple.passbook |
Hava durumu | com.apple.weather |
Diğer appstore uygulamalarını bulmak için.
Bağlantıları görmek için kayıt olmalısınız
girip aramanız yeterlidir.Aşama 5: Simge Maskeleri
Simge Maskeleri Nedir?
Bir simge maskesi, bir maskenin simgelere uygulanmasını sağlayan isteğe bağlı bir tema özelliğidir. Bir maske, simgelerinizi bir kare içinde oluşturmanıza olanak tanır, ardından hepsini çember haline getirebilirsiniz. Simge maskeleri kullanmanın temel avantajı, kullanıcının bunları açıp kapatabilir veya istediği maske şeklini kullanabilmesidir.
Ama tüm ikonlarımın farklı maskeleri olmasını istiyorum.
Tüm farklı şekil simgelerine sahip olmak istiyorsanız, bu da mümkün. Sadece şeffaf bir arka plana sahip simgeyi doğrudan IconBundles'a kaydedin.
Eğer Simge Maskesi kullanacaksanız Info.plist dosyasını editleyin ve gerekli şekilde kopyalayın..
Kod:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>IB-MaskIcons</key>
<true/>
<key>PackageName</key>
<string>Tema İsmi</string>
<key>ThemeType</key>
<string>Icons</string>
</dict>
</plist>
Özel simge maskeleri kullanmak zorunda olmadığınızı unutmayın. Bu, temanıza isteğe bağlı bir ektir.
Özel simge maskelerimizi kaydetmeden önce, ilk önce bazılarını oluşturmamız gerekir. İstediğiniz görüntü düzenleyicide 512x512 saydam bir belge açarak başlamanız gerekecek. Arkaplanınızın şeffaf olması çok önemlidir. Şimdi maskenin şeklini oluşturmanız gerekecek, bu istediğiniz herhangi bir şekil olabilir.
Maskenin gizlemesini istediğiniz alanlar saydam ve korumak istediğiniz alanlar saf siyah olmalıdır (# 000000).
Örneğin, aşağıdaki aşağıdaki daire maskesine bakın:
Özel Maskeleri Kaydetme
Bu bölümde ikon maskelerinizi nasıl kaydedebileceğinizi açıklayacağım. İlk önce bazı yeni klasörler oluşturmamız gerekecek. Temanızın kök dizininde, adlı bir klasör oluşturun. Bundles Böylece bunun gibi iki klasör var:
Bundles klasörünün içine, adında başka bir klasör eklemeniz gerekecek. com.apple.mobileicons.framework aynen böyle:
Bu dizinde tüm maskelerimizi yerleştirebiliriz. Yine de sizi uyarmaya çalışacağım, maskeleme IconBundles'ı desteklemiyor, bu yüzden simgeler yapmanın aksine, eski moda yolunu kullanarak simgeleri iOS'un farklı aygıtları ve alanları için farklı çözünürlüklerde kullanmak zorundayız - bu sonuçta sona çok fazla dosya var.
Aşağıda, maskenizi kaydetmeniz gereken tüm farklı dosya adlarının ve çözünürlüklerinin bir tablosunu bulabilirsiniz:
Bu, bunun gibi bir şeye benzeyen bir klasörle bittiğiniz anlamına gelir (ancak içinde daha fazla simge bulunur):
Şimdi yaptığınız dosyayı filza üzerinden Library/Themes klasörüne atıp anemone veya snowboard üzerinden aktif edebilirsiniz.
Ekli dosyalar
-
12.1 KB Görüntüleme: 19
-
19.6 KB Görüntüleme: 19