Xamarin. Mac 'te görsel taslaklara giriş
Bu makalede bir Xamarin. Mac uygulamasında film şeritleri ile çalışmaya giriş sunulmaktadır. Film şeritleri ve Xcode 'un Interface Builder kullanarak uygulamanın kullanıcı arabirimini oluşturup sürdürmesini ele alır.
Görsel Taslaklar, Xamarin. Mac uygulamanız için yalnızca pencere tanımlarını ve denetimlerini içermeyen, ancak farklı pencereler (segues aracılığıyla) ve durumları görüntüleme gibi bağlantıları da içeren bir kullanıcı arabirimi geliştirmenize olanak tanır.
Bu makale, bir Xamarin. Mac uygulamasının Kullanıcı arabirimini tanımlamak için görsel taslakları kullanma hakkında bir giriş sağlar.
Görsel taslak nedir?
Görsel taslakları kullanarak, bir Xamarin. Mac uygulamasının Kullanıcı arabirimi, tek bir konumda tek bir konumda tanımlanabilir ve bireysel öğeleri ve Kullanıcı arabirimleri arasındaki gezinmede tek bir konumda tanımlanabilir. Xamarin. Mac için görsel Taslaklar, Xamarin. iOS için görsel taslaklara çok benzer bir şekilde çalışır. Ancak, farklı arabirim deyimler nedeniyle farklı bir dizi SEG türü içerirler.
Sahneler ile çalışma
Yukarıda belirtildiği gibi, bir film şeridi, belirli bir uygulama için Görünüm denetleyicilerineişlevsel bir genel bakış halinde ayrılmış olan tüm Kullanıcı arabirimini tanımlar. Xcode 'un Interface Builder, bu denetleyicilerin her biri kendi sahnedebulunur.
Her bir sahne, Kullanıcı arabirimindeki her sahneyi bağlayan bir dizi satır (segues olarak adlandırılır) olan belirli bir görünüm ve görünüm denetleyicisi çiftini temsil eder ve bu sayede ilişkilerini gösterir. Bazı segues, bir görünüm denetleyicisinin bir veya daha fazla alt görünüm ya da görünüm denetleyicisi içerdiğini tanımlar. Diğer segues, görünüm denetleyicisi (bir Popover veya iletişim kutusu görüntüleme gibi) arasındaki geçişleri tanımlar.
Dikkat edilmesi gereken en önemli şey, her bir kümenin, uygulamanın kullanıcı arabiriminin verilen öğesi arasında bir veri biçiminin akışını temsil etmektedir.
Görünüm denetleyicileriyle çalışma
Görünüm denetleyicileri bir Mac uygulamasındaki bilgilerin belirli bir görünümü ile bu bilgileri sağlayan veri modeli arasındaki ilişkiyi tanımlar. Görsel Taslağdaki her üst düzey sahne, Xamarin. Mac uygulamasının kodundaki bir görünüm denetleyicisini temsil eder.
Bu şekilde, her görünüm denetleyicisi, hem bilgilerin görsel temsili (görünüm) hem de bu bilgileri sunma ve denetleme mantığı için kendi kendine dahil edilen, yeniden kullanılabilir bir eşleştirmesidir.
Belirli bir sahne içinde, normalde tek tek dosyalar tarafından işlenmiş olan tüm şeyleri yapabilirsiniz .xib :
- Alt görünümleri ve denetimleri (düğmeler ve metin kutuları gibi) yerleştir.
- Öğe konumlarını ve otomatik düzen kısıtlamalarını tanımlayın.
- Kullanıcı arabirimi öğelerini koda sunmaya yönelik hat ve dış Işlemler.
Segues ile çalışma
Yukarıda belirtildiği gibi, segues, uygulamanızın kullanıcı arabirimini tanımlayan tüm sahneler arasındaki ilişkileri sağlar. İOS 'ta film şeritleri üzerinde çalışmaya alışdıysanız, iOS için Kgues 'nin genellikle tam ekran görünümleri arasında geçişler tanımlacağınızı bilirsiniz. Bu, macOS 'tan farklı olarak, segues genellikle "içerme" tanımlar (bir sahnenin üst sahnenin alt öğesi olduğu).
MacOS 'ta çoğu uygulama, görünümlerini bölünmüş görünümler ve sekmeler gibi kullanıcı arabirimi öğelerini kullanarak aynı pencerede birlikte gruplamak için eğilimlidir. Sınırlı fiziksel görüntü alanı nedeniyle, görünümlerin açık ve kapalı olması gereken iOS 'tan farklı.
macos 'un kapsama doğru bir şekilde verilmediği durumlarda, sunu seurları 'nın, kalıcı Windows, sayfa görünümleri ve yük devretme gibi durumlar vardır.
Sunu segues 'yi kullanırken, PrepareForSegue sunu için üst görünüm denetleyicisinin yöntemini geçersiz kılabilir ve değişkenleri, sunulan görünüm denetleyicisine tüm verileri sağlayabilirsiniz.
Tasarım ve çalışma zamanları
Tasarım zamanında (Xcode 'un Interface Builder Kullanıcı arabirimini düzenlt), uygulama kullanıcı arabiriminin her bir öğesi, onun bileşen öğelerine bölünür:
- Oluşan sahneler :
- Görüntüleme denetleyicisi -görünümler ve bunları destekleyen veriler arasındaki ilişkiyi tanımlar.
- Görünümler ve alt görünümler -Kullanıcı arabirimini oluşturan gerçek öğeler.
- Içerme segues -sahneler arasındaki üst-alt ilişkilerini tanımlar.
- Sunu , tek tek sunu modlarını tanımlar.
Her öğeyi bu şekilde tanımlayarak, her öğenin geç yüklenmesine izin verir ve yalnızca çalışma zamanı sırasında gereklidir. MacOS 'ta, tüm işlem, geliştiricilerin çalışır hale getirmek için en az bir çalıştırma kodu gerektiren karmaşık, esnek Kullanıcı arabirimleri oluşturmalarına olanak tanımak üzere tasarlandı ve sistem kaynaklarıyla mümkün olduğunca verimli bir şekilde çalışır.
Görsel taslak hızlı başlangıç
Görsel taslak hızlı başlangıç kılavuzunda, bir kullanıcı arabirimi oluşturmak için film şeritleri ile çalışmanın temel kavramlarını tanıtan basit bir Xamarin. Mac uygulaması oluşturacağız. Örnek uygulama, bir Içerik alanı ve Inspector alanı Içeren bir taşt görünümünden oluşur ve basit bir Tercihler iletişim penceresi sunar. Tüm Kullanıcı arabirimi öğelerini birbirine bağlamak için segues kullanacağız.
Görsel Taslaklar ile Çalışma
Bu bölüm bir Xamarin. Mac uygulamasında film şeritleri Ile çalışmanın derinlemesine ayrıntılarını ele alır. Sahneleri ve görünüm denetleyicilerinden ve görünümünden nasıl oluşdukları hakkında ayrıntılı bir bakış sunuyoruz. Daha sonra, sahnelerin nasıl bir araya gelbileceğine göz atalım. Son olarak, özel g/başlangıç türleriyle çalışmaya göz atalım.
Karmaşık film şeridi örneği
Xamarin. Mac uygulamasında film şeritleri ile çalışmanın karmaşık bir örneği için lütfen Sourcewriter örnek uygulamasınabakın. SourceWriter, kod tamamlama ve basit sözdizimi vurgulama için destek sağlayan basit bir kaynak kod düzenleyicisidir.
SourceWriter kodu tamamen yorumlıydı ve kullanılabilir olduğunda, temel teknolojiden veya metotlardan Xamarin. Mac kılavuzlar belgelerindeki ilgili bilgilere yönelik bağlantılar sunulmaktadır.
Özet
Bu makale, Xamarin. Mac uygulamasında film şeritleri ile çalışmaya hızlı bir bakış gerçekleştirmiştir. Görsel taslakları kullanarak yeni bir uygulama oluşturmayı ve Kullanıcı arabiriminin nasıl tanımlanacağını gördük. Ayrıca, farklı pencereler arasında nasıl gezinirsiniz ve segues kullanarak durumları görüntüleyin.