izlenecek yol: tasarım zamanında Windows Forms WPF içeriğini düzenleme

bu makalede, Windows Presentation Foundation (WPF) denetimlerini düzenlemek için bağlama ve yama çizgileri gibi Windows Forms düzen özelliklerinin nasıl kullanılacağı gösterilmektedir.

Önkoşullar

bu yönergeyi tamamlamak için Visual Studio gerekir.

Proje oluşturma

Visual Studio açın ve Visual Basic ya da Visual C# adında yeni bir Windows Forms uygulama projesi oluşturun ArrangeElementHost .

Not

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

WPF denetimini oluşturma

Projeye bir WPF denetimi ekledikten sonra bunu form üzerinde düzenleyebilirsiniz.

  1. Projeye yeni bir WPF ekleyin UserControl . Denetim türü için varsayılan adı kullanın, UserControl1.xaml . daha fazla bilgi için bkz. izlenecek yol: tasarım zamanında Windows Forms yeni WPF içeriği oluşturma.

  2. Tasarım görünümü ' de, ' nin seçili olduğundan emin olun UserControl1 .

  3. Özellikler penceresinde, ve Height özelliklerinin değerini Heightolarak ayarlayın.

  4. BackgroundÖzelliğin değerini Backgroundolarak ayarlayın.

  5. Projeyi derleyin.

Düzen panelinde WPF denetimleri barındırma

düzen panellerinde WPF denetimlerini, diğer Windows Forms denetimlerini kullandığınız şekilde kullanabilirsiniz.

  1. Form1Windows Form Tasarımcısı açın.

  2. Araç kutusunda form üzerine bir denetim sürükleyin.

  3. TableLayoutPanelDenetimin akıllı etiket panelinde TableLayoutPanel' ı seçin.

  4. TableLayoutPanelDenetimi daha büyük bir genişlik ve yüksekliğe yeniden boyutlandırın.

  5. Araç kutusunda, UserControl1 denetimin ilk hücresinde bir örneği oluşturmak için çift tıklayın TableLayoutPanel .

    Örneği UserControl1 adlı yeni bir ElementHost denetimde barındırılır elementHost1 .

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

  7. Belge Anahattı penceresinde, öğesini seçin .

  8. Özellikler penceresinde, özelliğinin değerini 10, 10, 10, 10olarak ayarlayın.

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

WPF denetimlerini hizalamak için dayama çizgileri kullanma

Anlık görüntü çizgileri, bir formdaki denetimlerin kolay hizalamasını etkinleştirir. WPF denetimlerinizi de hizalamak için Snapın çizgilerini kullanabilirsiniz. daha fazla bilgi için bkz. izlenecek yol: Windows Forms denetimleri yerleştirme, yama çizgileri kullanarak.

  1. Araç kutusundanform üzerine bir örneğini sürükleyin ve denetimin altındaki alana yerleştirin TableLayoutPanel .

    Örneği UserControl1 adlı yeni bir ElementHost denetimde barındırılır elementHost3 .

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

  3. Anlık görüntü çizgilerini kullanarak, elementHost3 Denetim ile aynı genişliğe göre boyut TableLayoutPanel .

  4. elementHost3TableLayoutPanel Denetimler arasında bir merkez ek çizgi görünene kadar denetime doğru ilerleyin.

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

  6. elementHost3TableLayoutPanel Center Snapın satırı yeniden görünene kadar denetimden uzağa taşıyın. Center Snapın çizgisi artık 20 ' nin bir kenar boşluğunu gösterir.

  7. elementHost3Sol kenarı sol kenarı ile hizalanana kadar sağa taşı elementHost1 .

  8. elementHost3Sağ kenarı sağ kenarıyla hizalanana kadar genişliğini değiştirin elementHost2 .

WPF denetimlerini sabitleme ve yerleştirme

bir form üzerinde barındırılan WPF denetimi, diğer Windows Forms denetimleriyle aynı sabitleme ve yerleştirme davranışına sahiptir.

  1. elementHost1 öğesini seçin.

  2. Özellikler penceresinde, özelliği üst, alt, sol, sağolarak ayarlayın.

  3. TableLayoutPanelDenetimi daha büyük bir boyuta göre yeniden boyutlandırın.

    elementHost1Denetim hücreyi dolduracak şekilde yeniden boyutlandırır.

  4. elementHost2 öğesini seçin.

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

    elementHost2Denetim hücreyi dolduracak şekilde yeniden boyutlandırır.

  6. Denetimi seçin TableLayoutPanel .

  7. DockÖzelliğinin değerini olarak ayarlayın Top .

  8. elementHost3 öğesini seçin.

  9. DockÖzelliğinin değerini olarak ayarlayın Fill .

    elementHost3Denetim, formdaki kalan alanı dolduracak şekilde yeniden boyutlandırır.

  10. Formu yeniden boyutlandırın.

    Üç ElementHost denetimin hepsi uygun şekilde yeniden boyutlandırılır.

    Daha fazla bilgi için bkz. nasıl yapılır: bir TableLayoutPanel denetiminde alt denetimleri sabitleme ve yerleştirme.

Ayrıca bkz.