Denetimlere stil ve tema kaynağı uygula: Windows Phone Apps Geliştirme Eğitimi - Bölüm 20

Son derste, stil ve tema kaynağını denetimlerimize nasıl uygulayacağımızı öğrendik. Eğitim serisi `un bu bölümünde, stiller ve kaynaklarla çalışmaya devam edeceğiz ve seçtiğimiz renk kaynaklarını nasıl uygulayacağımızı öğreneceğiz.

Son derste oluşturduğumuz proje ile çalışmaya başlayalım. tek tuşla. Bu düğmeyi seçin ve özellik penceresine doğru ilerleyin. Foreground özelliğinin yanında bulunan küçük ok tuşlarına tıkladığınızda, üzerinde başka bir küçük pencere açıldığını fark edeceksiniz. Bu küçük pencerede Boş Fırça, Düz Renk Fırçası, Degrade Fırçası ve Görüntü Fırçası olmak üzere dört küçük sekme vardır. Varsayılan olarak, beyaz renkli (RGB: 0,0,0 ve alfa saydamlık kanalı 255 olarak ayarlanmış) katı fırçayla ayarlanır. Kaydırıcıyı dikey çubuk boyunca hareket ettirerek istediğiniz rengi ve ardından tam gölgeyi seçmek için dairesel imleci seçebilirsiniz. Mevcut araçlardan herhangi birinin rengini benimseyebileceğiniz iDropper`ı da seçebilirsiniz. Bu düz renk fırçadaki rengi değiştirmek için birçok yol var.

Aynı Gradyan Fırçası ile de geçerli. Düz renk fırça gibi benzer bir görevi yerine getirir ancak birkaç ek seçenek daha spor yapar. Size bir dizi durak veriyor. Seçilen renkler arasında farklı tonlar elde etmek için bu durakları yaratıcı şekilde kullanabilirsiniz. Yatay gradyan ve dikey gradyan gibi seçenekleri kullanarak rengin dokusunu da değiştirebilirsiniz. Görüntü fırçası, kaynağımız olarak bir görüntü seçmenizi sağlar. Görüntü kontrolüne resim eklediğimiz gibi bir görüntü ekleyebilirsiniz.

Şimdilik, yaptığım gibi bir durağı kullanarak degrade renk fırçasını kullanın (Bkz. Resim). Şimdi XAML penceresini görüyorsanız, tuş için XAML penceresine bazı kodların eklendiğini göreceksiniz.

Şimdi, düğmemiz için eklediğimiz aynı degrade rengini sayfamızdaki diğer tüm denetimlere eklemek istiyorsak, Bunu nasıl yaparız? Bunun için, funky degrade renk fırçasını belirlediğimiz ve üzerine sağ tıklayıp “Kaynağa değeri ayıkla” yı seçtiğimiz ön plana gidin. “Kaynak Oluştur” adlı küçük bir açılır pencere açılacaktır. Kaynağı istediğiniz gibi adlandırabilir veya olduğu gibi bırakabilirsiniz. Daha sonra, bu kaynağı kullanmak istediğiniz yere bağlı olarak kaydetmek istediğiniz yeri seçebilirsiniz. Bunu tek bir sayfada kullanmak isterseniz, MainPage.xaml seçeneğini seçin ve App.xaml öğesini seçin ve Tamam`a tıklayın.

Şimdi tasarımcı yüzeyinde başka bir düğmeyi sürükleyin ve ön plana gidin. Artık özel kaynağımızı yerel kaynaklar adı altında bulacaksınız. Bir kez tıkladığınızda, birinci düğmeyle aynı rengi taşıyan ikinci düğmeyi göreceksiniz. Kontrolümüze uygulamak istediğimiz birden çok özellik varsa ne olur? Bunu stilleri kullanarak yapabiliriz. Bir stil mülk belirleyicileri topluluğudur. Şimdi yeni bir tarz yaratalım. Önce son örnekte yaptığımız tüm değişiklikleri silin ve yeni başlangıç ​​için yeni bir düğme alın. Aşağıdaki kodu xmlsns bildirimlerinin altına yapıştırın.

Bu kodda, kenarlık ve ön plan rengini değiştirmek için iki ayarlayıcı özelliği oluşturduk. Bundan sonra düğmenin koduna gidin ve bu kodu biraz ekleyin:

Stil = "{StaticResource myStyle}".

Düğme kenarlığı renginin ve ön plan renginin kırmızıya dönüştüğünü göreceksiniz.

Şimdi isterseniz Bu stili tüm uygulamanıza uygulamak için, arasındaki kodu kesin. App.xaml dosyasını açın ve uygulama kaynak etiketlerinin arasına yapıştırın. Şimdi geri dönüp düğmeyi kontrol ederseniz, düğmenin hala kırmızı renkte olduğunu görürsünüz.

Yani bu, Windows Phone 7.5`teki Stiller ve kaynaklar ile ilgilidir. Bir sonraki bölümde xaml sayfaları arasında gezinmeyi öğreneceğiz.