Çizgi (DiaLine)
DiaLine, formlarda bölümleri ayırmak, görsel hiyerarşi oluşturmak veya tasarımı düzenlemek için kullanılan dekoratif bir çizgi nesnesidir. Yatay veya dikey yönde çizilebilir; kalınlık, çizgi stili, uç stili ve renk gibi görsel özelliklerle özelleştirilebilir. Metin veya kod alanlarından farklı olarak değer tutmaz ve kullanıcı etkileşimi için aksiyon tanımlamaz.
Not: Çizgi nesnesi salt görsel bir ayırıcıdır. Form bölümlerini ayırmak, başlık altı çizgisi eklemek veya alan gruplarını görsel olarak ayırmak için kullanılır.
Özellikler
| Adı | Default | Değerleri | Amacı |
|---|---|---|---|
| 🆔 Nesne ID | diaLine_1 | Örn: ayiriciCizgi | Nesneye atanacak benzersiz kimliktir. Süreç tasarımında ve kod tarafında bu ID üzerinden erişim sağlanır. |
| ↔️ Yön | Yatay | Yatay / Dikey | Çizginin yatay mı yoksa dikey mi çizileceğini belirler. Genişlik yükseklikten büyükse yatay, aksi halde dikey kabul edilir. |
| 📏 Kalınlık | 1 | 1–16 px | Çizginin piksel cinsinden kalınlığını ayarlar. |
| 🎨 Çizgi Stili | Düz Çizgi | Düz Çizgi / Kesik Çizgi / Noktalı Çizgi / Kesik-Noktalı Çizgi | Çizginin çizim stilini belirler. |
| 🔘 Çizgi Ucu | Düz | Düz / Yuvarlak | Çizgi uçlarının şeklini belirler (kare veya yuvarlak). |
| 🖌️ Kalem Rengi | 🟢 Yeşil | Renk seçici | Çizginin rengini belirler. |
Boyut ve Konum
Çizgi nesnesinin boyutları yönüne göre farklı yorumlanır:
| Yön | Genişlik (width) | Yükseklik (height) |
|---|---|---|
| Yatay | Çizginin uzunluğu | Çizginin kalınlığı (sınırlı) |
| Dikey | Çizginin kalınlığı (sınırlı) | Çizginin uzunluğu |
Tasarım sırasında çizgi sürüklenerek boyutlandırılabilir. Yatay çizgide sol-sağ tutamaçlar, dikey çizgide üst-alt tutamaçlar ile uzunluk ayarlanır.
🚀 Kullanım Örnekleri
Tasarım Önerileri
📋 Başlık Altı Çizgisi * Yön: Yatay * Kalınlık: 2 px * Stil: Düz Çizgi * Renk: Koyu gri (#333333)
↔️ Bölüm Ayırıcı * Yön: Yatay * Kalınlık: 1 px * Stil: Kesik Çizgi * Renk: Açık gri (#cccccc)
↕️ Dikey Ayırıcı * Yön: Dikey * Kalınlık: 1 px * Stil: Düz Çizgi * Renk: Orta gri (#999999)
📌 Önemli Notlar
* Çizgi nesnesi değer tutmaz – getValue(), setValue() gibi metotlar yoktur.