Not
Bu sayfaya erişim yetkilendirme gerektiriyor. Oturum açmayı veya dizinleri değiştirmeyi deneyebilirsiniz.
Bu sayfaya erişim yetkilendirme gerektiriyor. Dizinleri değiştirmeyi deneyebilirsiniz.
Xamarin.Mac uygulamasının Kullanıcı Arabirimini tanımlamak için Görsel Taslakları kullanmaya hızlı bir giriş olarak yeni bir Xamarin.Mac projesi başlatalım. Mac>Uygulaması>Cocoa Uygulaması'nıseçin ve İleri düğmesine tıklayın:
uygulamasının Uygulama Adı'nı MacStoryboard kullanın ve İleri düğmesine tıklayın:
Varsayılan Proje Adı ve Çözüm Adı'nıkullanın ve Oluştur düğmesine tıklayın:
Çözüm Gezgini, Xcode'un Arabirim Oluşturucusu'nda düzenlemek üzere açmak üzere dosyaya çift tıklayınMain.storyboard:
Yukarıda görebileceğiniz gibi, varsayılan Görsel Taslak hem uygulamanın Menü Çubuğunu hem de ana Penceresini Görünüm Denetleyicisi ve Görünüm ile tanımlar. Örnek uygulamamız için, bir tarafında ana İçerik Görünümü ve ikincisinde Denetçi Görünümü olan bir kullanıcı arabirimi oluşturacağız.
Bunu yapmak için, önce Görsel Taslak ile birlikte gelen varsayılan Görünüm Denetleyicisini ve Görünümü Arabirim Oluşturucusu'nda seçip Delete tuşuna basarak kaldırmamız gerekir:
Ardından Filtre alanına yazınsplit, Dikey Bölünmüş Görünüm Denetleyicisi'ni seçin ve Tasarım Yüzeyi'ne sürükleyin:
Denetleyicinin otomatik olarak bölünmüş görünümün sol ve sağ tarafına kablolu olarak iki alt Görünüm Denetleyicisi (ve bunların ilgili görünümleri) içerdiğine dikkat edin. Bölünmüş görünümü üst pencereye bağlamak için Denetim tuşuna basın, Pencere Denetleyicisi'ne tıklayın (Pencere Denetleyicisi'nin çerçevesindeki mavi daire) ve Bölünmüş Görünüm Denetleyicisi'ne bir çizgi sürükleyin. Açılan menüden pencere içeriğini seçin:
Bu, segue kullanarak iki arabirim öğesini birbirine bağlar:
Bölünmüş Görünümün sol tarafına bir Metin Görünümü yerleştirmek ve Pencere veya Bölünmüş Görünüm yeniden boyutlandırıldığında kullanılabilir alanı otomatik olarak doldurmasını sağlamak istiyoruz. Metin Görünümünü Bölünmüş Görünüm'e bağlı üst Görünüm Denetleyicisine sürükleyin ve Otomatik düzen kısıtlamasını sabitle 'ye (Tasarım Yüzeyinin sağ alt kısmındaki ikinci simge) tıklayın.
Buradan Kısıtlamalar Açılır Penceresinin üst kısmındaki sınırlayıcı kutunun etrafındaki I-Beam simgelerinin dördüne de tıklayacak ve gerekli kısıtlamaları eklemek için alttaki 4 Kısıtlama Ekle düğmesine tıklayacağız.
Mac için Visual Studio dönüp projeyi çalıştırırsak, Pencere veya bölme yeniden boyutlandırıldığında Metin Görünümü'nü bölme görünümünün sol tarafını dolduracak şekilde otomatik olarak yeniden boyutlandırıldığına dikkat edin:
Bölünmüş görünümün sağ tarafını Denetçi alanı olarak kullanacağımızdan, daha küçük bir boyuta sahip olmasını ve daraltılmasını istiyoruz. Xcode'a dönün ve Tasarım Yüzeyi'nde seçip Boyut Denetçisi'ne tıklayarak sağ taraftaki Görünüm'ü düzenleyin. Buradan genişliği 250girin:
Ardından sağ tarafı temsil eden Öğeyi Böl'e tıklayın, daha yüksek bir Bekletme Önceliği ayarlayın ve Kullanıcı Daraltabilir onay kutusuna tıklayın:
Mac için Visual Studio geri dönüp projeyi şimdi çalıştırırsak, sağ tarafın daha küçük boyutta olduğuna ve pencerenin yeniden boyutlandırıldığına dikkat edin:
Sunu Segue'i Tanımlama
Bölünmüş Görünüm'ün sağ tarafını düzenleyip seçili metnin özellikleri için Denetçi görevi yapacağız. Bazı denetimleri alt görünüme sürükleyerek denetçinin kullanıcı arabirimini düzenleyeceğiz. Son denetimde, kullanıcının önceden ayarlanmış dört karakter stili arasından seçim yapmasını sağlayan bir açılır pencere görüntülemek istiyoruz.
Denetçiye bir Düğme ve Tasarım Yüzeyine bir Görünüm Denetleyicisi ekleyeceğiz. Görünüm Denetleyicisini, Popover'ımızın olmasını istediğimiz boyutta olacak şekilde yeniden boyutlandıracak ve buna dört Düğme ekleyeceğiz. Ardından Denetim tuşuyla Denetçi Görünümü'ndeki düğmeye tıklayacak ve popover'ımızı temsil edecek Görünüm Denetleyicisi'ne sürükleyeceğiz:
Açılır menüden Açılır Menü'yü seçeceğiz:
Son olarak Tasarım Yüzeyi'nde Segue'yi seçip Tercih Edilen Kenar'ı Sol olarak ayarlayacağız. Ardından, Tutturucu Görünümü'nden popover'ın eklenmesini istediğimiz Düğme'ye bir çizgi sürükleyeceğiz:
Mac için Visual Studio geri dönersek uygulamayı çalıştırın ve Denetçi'de Yok düğmesine tıklarsak, açılır pencere görüntülenir:
Uygulama Tercihleri Oluşturma
Çoğu standart macOS uygulaması, kullanıcının uygulamanın görünüm veya kullanıcı hesapları gibi çeşitli yönlerini denetleyebilen çeşitli seçenekler tanımlamasına olanak tanıyan bir Tercih İletişim Kutusu sağlar.
Standart bir Tercih İletişim Kutusu Penceresi tanımlamak için, önce Bir Sekme Görünümü Denetleyicisini Tasarım Yüzeyine sürükleyin:
Yine, bu otomatik olarak iki alt Görünüm Denetleyicisi ekli olarak gelir. Örneğin, her görünüme içinde ortalanacak bir etiket ekleyeceğiz:
Ardından, kullanıcı Tercihler... menü öğesini seçtiğinde Tercihler penceresini görüntülemek istiyoruz. Menü Çubuğu'ndan Tercihler menü öğesini seçin, Control tuşuyla tıklayın ve sekme görünümü denetleyicimize bir çizgi sürükleyin:
Açılan pencerede Kalıcı'yı seçerek bu pencereyi Kalıcı İletişim Kutusu olarak göstereceğiz:
Değişikliklerimizi kaydedersek, Mac için Visual Studio geri döner, uygulamayı çalıştırır ve Tercihler... menü öğesini seçersek, yeni Tercihler iletişim kutusu görüntülenir:
Bunun standart bir macOS uygulaması Tercih İletişim Kutusu Penceresi gibi görünmediğini fark edebilirsiniz. Bunu düzeltmek için, Çözüm Gezgini Xamarin.Mac uygulamasının Resources klasörüne iki görüntü dosyası ekleyin ve Xcode'un Arabirim Oluşturucusu'na dönün.
Sekme Görünümü Denetleyicisi'ni seçin ve Stilini Araç Çubuğu'na değiştirin:
Her sekmeyi seçin ve bir Etiket verin ve temsil etmek üzere resimlerden birini seçin:
Değişikliklerimizi kaydedersek, Mac için Visual Studio döner, uygulamayı çalıştırır ve Tercihler... menü öğesini seçersek, iletişim kutusu artık standart bir macOS uygulaması gibi görüntülenir:
Daha fazla bilgi için lütfen Resimler, Menüler, Windows ve İletişim Kutuları ile Çalışma belgelerimize bakın.