İzlenecek yol: ekran tasarımı

Bu yönerge, size Northwind örnek veritabanından müşteriyi görüntüleyen ekranın oluşturulması için LightSwitch 'in nasıl kullanılacağını gösterir.Ekran tasarımcısı, ekranın görünümünü değiştirmek için kullanabileceğiniz görsel tasarım kanvasıdır.

Bu yönerge, aşağıdaki görevlerin nasıl gerçekleştirileceğini gösterir:

• Bir ekran oluşturma

• Ekran düzenini değiştirme

• Bir ekrandan alanları Kaldır

• Öğelerin sırasını değiştirme

• Bir öğenin görünen adını değiştirme

• Bir öğenin denetim türünü değiştirme

• Çalışan bir uygulamada ekran özelleştirme

Önkoşullar

Bu izlenecek yol, Northwind örnek veritabanının bilgisayarınızda yüklü olduğu ve bunu veri kaynağı olarak projenize eklediğinizi varsayar.

• Northwind örnek veritabanının nasıl yükleneceği hakkında daha fazla bilgi için, bkz. Northwind örnek veritabanını yükleme.

• Northwind örnek veritabanının projenize veri kaynağı olarak nasıl ekleneceği hakkında bilgi almak için, bkz: Verilere bağlanma.

Bir Ekran Oluşturma

Bu bölüm, size Northwind örnek veritabanından müşteriyi görüntülemek için ekranın nasıl oluşturulacağını gösterir.Bu ekran, iki bölüme ayrılmıştır.İlk bölüm, tüm müşterilere ait bir özet listesi görüntüler; diğer bölüm ise seçilen müşteri hakkındaki ayrıntıları görüntüler..

Bir ekran oluşturmak için

1. Çözüm Gezgini'nde, Ekranlar seçeneğini seçin.

2. Proje menüsünde, Ekran Ekle'yi tıklatın.

   Yeni Ekran Ekle iletişim kutusu görüntülenir.

3. Yeni Ekran Ekleme iletişim kutusunda Ekran şablonu seç seçeneğinin altındaki Liste ve Ayrıntılar Ekranı seçeneğini seçin.

4. Ekran Adı seçeneğinin altına Müşteriler yazın.

5. Ekran Verileri seçeneğinin altındaki açılır listeden <DataSourceName>.Müşteriler seçeneğini belirleyin.

6. Bulunacak Ek Veriler seçeneğinin altından Müşteri Ayrıntıları ve Müşteri Siparişleri seçeneklerini seçin.

   Bu, o müşteri tarafından verilen siparişler listesi ile birlikte ekranın ayrıntılar bölümüne Müşteri varlık alanlarını ekler.

   Aşağıdaki resim, bu bölümdeki adımları gerçekleştirdikten sonra iletişim kutusunun nasıl görüneceğini gösterir.

   

7. Ekran oluşturmak için TAMAM seçeneğine tıklatın.

   Ekran Tasarımcısı görünür.

Ekran Düzenini Değiştirme

Liste ve Ayrıntılar ekranında iki sütun vardır.Sol sütun, müşterilerin listesidir.Sağ sütun, iki satır içerir.Üst satırda seçili müşteri ayrıntıları yer alır ve alt satırda ise seçili müşterilerle ilgili siparişler yer alır.Ekran tasarımcısı ekran içerik ağacı, bu listenin nasıl oluşturulacağını gösterir.

Bu bölüm, ekranın iki sütun yerine iki satır içerebilmesi için ekran düzeninin nasıl değiştirileceğini gösterir.En üst satır, müşterilerin listesini içerir.En alttaki sıra, iki sütun içerecektir.Sol sütunda seçili müşteri ayrıntıları yer alır ve sağ sütunda ise seçili müşterilerle ilgili siparişler yer alır.

Listenin düzenini değiştirmek için

1. Ekran Tasarımcısı'nın Ekran İçerik Ağacı 'ndaki Müşteriler düğümü düzenini Sütun Düzeni 'nden Sıra Düzeni'ne değiştirin.Bunu gerçekleştirmek için, Müşteriler düğümünün yanında görünen aşağı satırına tıklatın.Sonra, açılır listeden Satır Düzeni'ne tıklatın.

2. Ayrıntılar Sütunu 'nun düzenini Sıra Düzeni 'nden Sütun Düzeni'ne değiştirin.Bunu gerçekleştirmek için, Ayrıntılar Sütunu düğümünün yanında görünen aşağı satırına ve sonra da Sütunlar Düzeni seçeneğine tıklatın.

Ekrandan Alanların Kaldırılması

Ayrıntılar Sütunu adlı bir müşterinin ayrıntılarını görüntüleyen ekran alanı, veri kaynağındaki alanların tümünü varsayılan olarak görüntüler.Alanlarının tümünün görünmesini istemiyorsanız, istemediklerinizi kaldırabilirsiniz.Örneğin, aşağıdaki adımlarda Ülke alanının nasıl kaldırılacağı görülmektedir.

Alanları ekrandan kaldırmak için

1. Ekran İçerik Ağacı'nda henüz genişletilmemişse Müşteri Ayrıntıları seçeneğini genişletin.

2. Ülke alanını tıklatın, sonra Ekran Tasarımcısı komut çubuğunda Sil seçeneğini tıklatın.

Alanların Sırasını Değiştirme

Aşağıdaki adımlar, alanların sırasının basıl değiştirileceğini gösterir; örneğin, CustomerID alanı ve Postal Code alanı.

Alanların sırasını değiştirmek için

1. Ekran İçerik Ağacı'nda henüz genişletilmemişse Müşteri Ayrıntıları seçeneğini genişletin.

2. CustomerID alanını ayrıntılar sütununun en altına taşımak için bunu Faks alanının altına sürükleyin.

3. Posta Kodu alanını CustomerID seçeneğinin tam üstündeki konuma taşımak için Faks ve Müşteri Kimliği alanlarının ortasına sürükleyin.

Bir Alanın Denetim Türünü Değiştirme

Alanın kullanıcıya nasıl görüntüleneceğini özelleştirebilirsiniz.Örneğin, bir metin alanını TextBox veya Label olarak görüntülenecek şekilde ayarlayabilirsiniz.Aşağıdaki adımlar, kullanıcının değeri değiştirememesi için görünen Label alanı alanı olarak nasıl değiştirileceğini gösterir.

Alan kontrol türünü değiştirmek

1. Ekran İçerik Ağacı'nda henüz genişletilmemişse Müşteri Ayrıntıları seçeneğini genişletin.

2. Müşteri Kimliği alanını seçin ve sonra açılır listeden Etiket seçeneğini seçin.

   Diğer alanları değiştirmek için bu adımı yineleyebilirsiniz.

3. Değişiklikleri test etmek için F5 tuşuna basın.

Çalışan Bir Uygulamada Ekran Özelleştirme

Uygulama çalışırken de ekranı özelleştirebilirsiniz.Örneğin, alanları kaldırabilir, alanların sırasını değiştirebilir ve denetim türü veya etiket hizalaması gibi özellikleri değiştirebilirsiniz.

Çalışan bir uygulamada ekranı özelleştirmek için

1. Uygulamanız zaten çalışmıyorsa, Başlatmak için F5 tuşuna basın.

2. Ekran komut çubuğundan Ekranı Tasarla seçeneğine tıklatın.

3. Özelleştirme Modu ekranından Müşteri Ayrıntıları düğümünü seçip daha sonra Sil () düğmesine tıklatarak ayrıntılar sütunundan Müşteri Kimliği alanını kaldırın.

4. Müşteri Ayrıntıları düğümünden seçerek ve Aşağı Hareket () düğmesine tıklatarak Posta Kodu alanının altındaki Faks alanını taşıyın.

5. Müşteri Ayrıntıları 'den seçerek Telefon alanının adını Telefon Numarası olarak değiştirin ve Özellikler penceresinden Görünen Ad özelliğinin değerini Telefon Numarası olarak değiştirin.

6. Müşteri Ayrıntıları düğümündeki alanı seçerek Telefon Numarası alanının görüntü türünü Label olarak ve sonra Özellikler penceresinde Denetim Türü özelliğine tıklatarak ve Etiket değerini seçerek değiştirin.

7. Ayrıntılar sütunundaki etiketlerin hizalanmasını değiştirin.Müşteri Ayrıntıları düğümündeki ilk alanı seçin; sonra Şirket Adı alanını seçin.Özellikler penceresinde, Etiket Konumu özelliğine tıklatın ve Sağa hizalanmış değeri seçin.Müşteri Ayrıntıları düğümündeki tüm alanlar için bu adımı tekrarlayın.

8. Değişiklerinizi kaydetmek için Kaydet’i tıklatın.Şimdi uygulamanız, yeni yaptığınız değişiklikleri görüntüler.

Sonraki Adımlar

Bir ekran için bir veri kaynağını seçtiğinizde kaynaktaki tüm veriler varsayılan olarak görüntülenir.Yalnızca veri alt kümesini görüntülemek istiyorsanız, görüntülenecek verileri için tanımlamak için bir sorgu oluşturabilirsiniz.Daha fazla bilgi için bkz. Nasıl yapılır: Sorgu Tasarımcısı'nı kullanarak bir sorgu tasarlama.

Ayrıca bkz.

Diğer Kaynaklar

Ekranlar: Uygulamanın kullanıcı arabirimi