XAML Tasarımcısı’nda öğelerle çalışma
XAML'de, kodda veya XAML Tasarım Aracı kullanarak uygulamanıza denetimler, düzenler ve şekiller gibi öğeler ekleyebilirsiniz. Bu konuda, Visual Studio veya Visual Studio için Blend'da XAML Tasarım Aracı öğeleriyle nasıl çalışıldığı açıklanmaktadır.
Düzene öğe ekleme
Düzen , bir kullanıcı arabirimindeki öğeleri boyutlandırma ve konumlandırma işlemidir. Görsel öğeleri konumlandırmak için bunları düzen Paneli'ne yerleştirmeniz gerekir. , Panel FrameworkElement türleri koleksiyonu olan bir alt özelliğe sahiptir. Tuval, StackPanel ve Kılavuz gibi çeşitli Panel alt öğeleri düzen kapsayıcıları olarak görev yapmak ve öğeleri bir sayfada konumlandırmak ve düzenlemek için kullanabilirsiniz.
Varsayılan olarak, panel bir Grid sayfa veya form içindeki en üst düzey düzen kapsayıcısı olarak kullanılır. En üst düzey sayfa düzenine düzen panelleri, denetimler veya diğer öğeler ekleyebilirsiniz.
XAML Tasarım Aracı düzenine öğe eklemek için aşağıdakilerden birini yapın:
Araç Kutusu'nda bir öğeye çift tıklayın (veya Araç Kutusu'nda bir öğe seçin ve Enter tuşuna basın).
Araç Kutusu'ndan bir öğeyi çalışma panosuna sürükleyin.
Araç Kutusu'nda çizim araçlarından birini (örneğin, Üç Nokta veya Dikdörtgen) seçin ve etkin panele bir öğe çizin.
Öğelerin katmanlama sırasını değiştirme
Çalışma yüzeyi üzerinde XAML Tasarım Aracı iki öğe olduğunda, bir öğe katmanlama sırasında diğerinin önünde görünür. Öğe listesinin en altında, Belge Ana Hattı penceresinde en ön öğe yer alır (bir öğenin ZIndex özelliğinin ayarlanması dışında). Sayfa, form veya düzen kapsayıcısına öğe eklediğinizde, öğe otomatik olarak etkin kapsayıcı öğesindeki diğer öğelerin önüne yerleştirilir. Öğelerin sırasını değiştirmek için Sırala komutlarını kullanabilir veya Belge Ana Hattı penceresindeki nesne ağacındaki öğeleri sürükleyebilirsiniz.
Katmanlama sırasını değiştirmek için aşağıdakilerden birini yapın:
Belge Ana Hattı penceresinde, istediğiniz katmanlama sırasını oluşturmak için öğeleri yukarı veya aşağı sürükleyin.
Belge Ana Hattı penceresinde veya katmanlama sırasını değiştirmek istediğiniz çalışma panosunda öğeye sağ tıklayın, Sıra'nın üzerine gelin ve aşağıdakilerden birine tıklayın:
Öğeyi siparişin en önüne getirmek için Öne Getir'i seçin.
Öğeyi sırayla bir düzey öne getirmek için Öne Getir.
Öğeyi sırayla bir düzey geri göndermek için Geri Gönder'i seçin.
Öğeyi siparişin arkasına kadar göndermek için Geri Gönder'e gönderin.
Özellikler penceresi Düzen bölümündeki ZIndex özelliğini değiştirin. Çakışan öğeler için ZIndex özelliği, Belge Ana Hattı penceresinde gösterilen öğelerin sırasına göre önceliklidir. Öğeler çakıştığında önde daha yüksek ZIndex değerine sahip bir öğe görüntülenir.
Öğenin hizalamasını değiştirme
Menü komutlarını kullanarak veya öğeleri tutturma çizgilerine sürükleyerek çalışma panosundaki öğeleri hizalayabilirsiniz.
Tutturma çizgisi, bir öğeyi uygulamadaki diğer öğelere göre hizalamanıza yardımcı olan görsel bir ipucudur.
Menü komutlarını kullanarak iki veya daha fazla öğeyi hizalamak için:
Hizalamak istediğiniz öğeleri seçin. Öğeleri seçerken Ctrl tuşunu basılı tutarak birden fazla öğe seçebilirsiniz.
Özellikler penceresi Düzen bölümündeki HorizontalAlignment altında aşağıdaki özelliklerden birini seçin: Sol, Orta, Sağ veya Esnetme.
Özellikler penceresi Düzen bölümünde VerticalAlignment altında aşağıdaki özelliklerden birini seçin: Üst, Orta, Alt veya Esnetme.
XAML Tasarım Aracı, en az iki öğe içeren bir düzende iki veya daha fazla öğeyi tutturmak için, öğelerden birini sürükleyerek veya yeniden boyutlandırarak kenarın başka bir öğeyle hizalanmış olmasını sağlayın.
Kenarlar hizalandığında, hizalamayı göstermek için bir hizalama sınırı görünür. Hizalama sınırı kırmızı kesikli çizgidir. Hizalama sınırları yalnızca tutturma çizgilerine tutturma etkinleştirildiğinde görünür. Hizalama sınırını gösteren çalışma yüzeyinin çizimi için bkz. XAML Tasarım Aracı kullanarak kullanıcı arabirimi oluşturma.
Öğenin kenar boşluklarını değiştirme
XAML Tasarım Aracı kenar boşlukları çalışma panosundaki bir öğenin etrafındaki boş alan miktarını belirler. Örneğin, kenar boşlukları bir öğenin dış kenarları arasındaki boşluk miktarını ve öğeyi içeren bir Grid panelin sınırlarını belirtir. Kenar boşlukları, içinde StackPanelbulunan öğeler arasındaki boşluk miktarını da belirtir.
Özellikler penceresi bir öğenin kenar boşluklarını değiştirmek için:
Kenar boşluklarını değiştirmek istediğiniz öğeyi seçin.
Özellikler penceresi Düzen altında, Kenar Boşluğu özelliklerinden herhangi birinin (Üst, Sol, Sağ veya Alt) değerini (yaklaşık 1/96 inç olan piksel veya cihazdan bağımsız birimler olarak) değiştirin.
Çalışma panosunda, bir öğenin kenar boşluklarını öğenin düzen kapsayıcısına göre değiştirmek için, öğe seçildiğinde ve bir düzen kapsayıcısı içinde olduğunda öğenin çevresinde görünen kenar boşluğu donatıcılarına tıklayın. Kenar boşluğu donatıcılarını gösteren bir çizim için bkz. XAML Tasarım Aracı kullanarak kullanıcı arabirimi oluşturma.
Kenar boşluğu donatıcısı dikey veya yatay olarak açıksa, bu kenar boşluğu ayarlanmadı. Kenar boşluğu donatıcısı kapatılırsa, bu kenar boşluğu ayarlanır.
Kenar boşluğu donatıcısını açtığınızda ve karşı kenar boşluğu ayarlanmıyorsa, çalışma panosundaki öğenin konumuna göre karşı kenar boşluğu doğru değere ayarlanır. Sol ve Sağ kenar boşlukları gibi karşı kenar boşlukları için her zaman en az bir özellik ayarlanır.
Önemli
Tuval gibi bazı düzen kapsayıcılarının içine yerleştirilen öğelerin kenar boşluğu kenarlıkları yoktur. StackPanel içine yerleştirilen öğelerin yönüne StackPanelbağlı olarak sol ve sağ kenar boşlukları ya da üst ve alt kenar boşlukları için kenar boşluğu kenarlıkları vardır.
Öğeleri gruplandırma ve grubu çözme
XAML'de iki veya daha fazla öğe gruplandırma Tasarım Aracı yeni bir düzen kapsayıcısı oluşturur ve bu öğeleri bu kapsayıcının içine yerleştirir. İki veya daha fazla öğeyi düzen kapsayıcısına yerleştirmek, grubu kolayca seçmenize, taşımanıza ve o gruptaki öğeler tek bir öğeymiş gibi dönüştürmenize olanak tanır. Gruplandırma, bir gezinti öğesini oluşturan düğmeler gibi bir şekilde birbiriyle ilişkili öğeleri tanımlamak için de yararlıdır. Öğelerin grubunu çözdüğünüzde, öğeleri içeren düzen kapsayıcısını silmeniz yeterlidir.
Öğeleri yeni bir düzen kapsayıcısı halinde gruplandırmak için:
Gruplandırmak istediğiniz öğeleri seçin. (Birden çok öğe seçmek içinCtrl tuşunu basılı tutarak bunlara tıklayın.)
Seçili öğelere sağ tıklayın, Gruplandır'ın üzerine gelin ve grubun içinde olmasını istediğiniz düzen kapsayıcısı türüne tıklayın.
İpucu
Öğelerinizi gruplandırmak için Görünüm Kutusu, Kenarlık veya ScrollViewer'ı seçerseniz, öğeler Görünüm Kutusu, Kenarlık veya ScrollViewer içinde yeni bir Kılavuz paneline yerleştirilir. Bu düzen kapsayıcılarından birindeki öğelerin grubunu çözerseniz, yalnızca Görünüm Kutusu, Kenarlık veya ScrollViewer silinir ve Kılavuz paneli kalır. Paneli silmek
Gridiçin öğelerin grubunu yeniden çözün.
Öğelerin grubunu çözmek ve düzeni silmek için, çözmek istediğiniz gruba sağ tıklayın ve Grubu Çöz'e tıklayın. Ayrıca, Belge Anahattı penceresinde seçili öğelere sağ tıklayıp Gruplandır veya Grubu Çöz'e tıklayarak öğeleri gruplandırabilir veya çözebilirsiniz.
Öğe düzenini sıfırlama
Düzen Sıfırlama komutlarını kullanarak bir öğenin belirli düzen özellikleri için varsayılan değerleri geri yükleyebilirsiniz. Bu komutu kullanarak bir öğenin kenar boşluğu, hizalama, genişlik, yükseklik ve boyutunu tek tek veya toplu olarak sıfırlayabilirsiniz.
Öğe düzenini sıfırlamak için, Belge Anahat penceresinde veya çalışma panosunda öğeye sağ tıklayın ve ardından PropertyName'in sıfırlamak istediğiniz özellik olduğu Düzen>SıfırlamaÖzellikAdı'nı seçin (veya öğenin tüm düzen özelliklerini sıfırlamak için Düzen>Tümünü Sıfırla'yı seçin).