İzlenecek yol: Windows Forms'ta WPF içeriğini tasarım zamanında düzenleme

  • Makale

Bu makalede, Windows Presentation Foundation (WPF) denetimlerini düzenlemek için tutturma ve ek çizgi gibi Windows Forms düzen özelliklerinin nasıl kullanılacağı gösterilmektedir.

Ön koşullar

Bu kılavuzu tamamlamak için Visual Studio'ya ihtiyacınız vardır.

Proje oluşturma

Visual Studio'yu açın ve Visual Basic veya Visual C# içinde adlı ArrangeElementHostyeni bir Windows Forms Uygulaması projesi oluşturun.

Dekont

WPF içeriği barındırılırken yalnızca C# ve Visual Basic projeleri desteklenir.

WPF denetimini oluşturma

Projeye wpf denetimi ekledikten sonra, bunu formda düzenleyebilirsiniz.

  1. Projeye yeni bir WPF UserControl ekleyin. Denetim türü için varsayılan adı kullanın. UserControl1.xaml Daha fazla bilgi için bkz . İzlenecek Yol: Tasarım Zamanında Windows Forms'da Yeni WPF İçeriği Oluşturma.

  2. Tasarım görünümünde bunun seçili olduğundan emin olun UserControl1 .

  3. Özellikler penceresinde ve Height özelliklerinin değerini Width 200 olarak ayarlayın.

  4. özelliğinin Background değerini Mavi olarak ayarlayın.

  5. Projeyi derleyin.

Düzen panelinde WPF denetimlerini barındırma

Düzen panellerinde WPF denetimlerini, diğer Windows Forms denetimlerini kullandığınız gibi kullanabilirsiniz.

  1. Windows Forms Tasarım Aracı açınForm1.

  2. Araç Kutusu'nda, forma bir TableLayoutPanel denetim sürükleyin.

  3. Denetimin TableLayoutPanel akıllı etiket panelinde Son Satırı Kaldır'ı seçin.

  4. TableLayoutPanel Denetimi daha geniş ve yüksek bir boyuta yeniden boyutlandırın.

  5. Araç Kutusu'nda, denetimin ilk hücresinde TableLayoutPanel örneğini UserControl1 oluşturmak için çift tıklayınUserControl1.

    örneği UserControl1 adlı elementHost1yeni ElementHost bir denetimde barındırılır.

  6. Araç Kutusu'nda, denetimin ikinci hücresinde TableLayoutPanel başka bir örnek oluşturmak için çift tıklayınUserControl1.

  7. Belge Ana Hattı penceresinde öğesini seçintableLayoutPanel1.

  8. Özellikler penceresinde özelliğin Paddingdeğerini 10, 10, 10, 10 olarak ayarlayın.

    Her iki denetim de ElementHost yeni düzene sığacak şekilde yeniden boyutlandırılır.

WPF denetimlerini hizalamak için ek çizgileri kullanma

Tutturma çizgileri, formdaki denetimlerin kolay hizalamasını sağlar. WPF denetimlerinizi hizalamak için ek çizgileri de kullanabilirsiniz. Daha fazla bilgi için bkz . İzlenecek yol: Snaplines Kullanarak Windows Forms'da Denetimleri Düzenleme.

  1. Araç Kutusu'ndan, örneğini UserControl1 forma sürükleyin ve denetimin altındaki TableLayoutPanel boşluğa yerleştirin.

    örneği UserControl1 adlı elementHost3yeni ElementHost bir denetimde barındırılır.

  2. Snaplines kullanarak sol kenarını elementHost3 denetimin sol kenarıyla TableLayoutPanel hizalayın.

  3. Snaplines kullanarak, denetimle aynı genişliğe boyutlandırın elementHost3TableLayoutPanel .

  4. Denetimler TableLayoutPanel arasında bir orta ek çizgi görünene kadar denetime doğru hareket edinelementHost3.

  5. Özellikler penceresinde Margin özelliğinin değerini 20, 20, 20, 20 olarak ayarlayın.

  6. elementHost3 Ortadaki ek çizgi yeniden görünene kadar denetimden TableLayoutPanel uzak tutun. Ortadaki ek çizgi artık 20 kenar boşluğu gösterir.

  7. Sol kenarı sol kenarı elementHost1ile hizalanıncaya kadar sağa gitmeelementHost3.

  8. Sağ kenarı sağ kenarı elementHost2ile hizalanıncaya kadar genişliğini elementHost3 değiştirin.

WPF denetimlerini bağlama ve yerleştirme

Formda barındırılan WPF denetimi, diğer Windows Forms denetimleriyle aynı bağlama ve yerleştirme davranışına sahiptir.

  1. elementHost1 öğesini seçin.

  2. Özellikler penceresinde özelliği Üst, Alt, Sol, Sağ olarak ayarlayınAnchor.

  3. TableLayoutPanel Denetimi daha büyük bir boyuta yeniden boyutlandırın.

    Denetim elementHost1 hücreyi dolduracak şekilde yeniden boyutlandırıyor.

  4. elementHost2 öğesini seçin.

  5. Özellikler penceresinde özelliğinin Dock değerini olarak Fillayarlayın.

    Denetim elementHost2 hücreyi dolduracak şekilde yeniden boyutlandırıyor.

  6. TableLayoutPanel Denetimi seçin.

  7. özelliğinin Dock değerini olarak Topayarlayın.

  8. elementHost3 öğesini seçin.

  9. özelliğinin Dock değerini olarak Fillayarlayın.

    Denetim, elementHost3 formdaki kalan alanı dolduracak şekilde yeniden boyutlandırıyor.

  10. Formu yeniden boyutlandırın.

    Üç ElementHost denetim de uygun şekilde yeniden boyutlandır.

    Daha fazla bilgi için bkz . Nasıl yapılır: TableLayoutPanel Denetiminde Alt Denetimleri Bağlama ve Yerleştirme.

Ayrıca bkz.