İçerik Panelleri ve İlanlar - Spectre Console Serisi

Temel Bir Spectre Console Paneli Oluşturma

Tim, videoyu (0:00) C# konsol uygulamalarınızı görsel olarak çekici, bilgi verici uygulamalara dönüştürmenize izin verdiğini hatırlatarak başlatıyor. Bu derste (0:15), ihtiyacınıza bağlı olarak basit çağrılar veya hatta mini tablolar olarak işlev görebilecek paneller oluşturacağız.

0:34'te Visual Studio içinde bir örnek yazıyor. Yeni bir panel örneği oluşturmayı gösteriyor:

var panel = new("Tim Corey");
AnsiConsole.Write(panel);

var panel = new("Tim Corey");
AnsiConsole.Write(panel);

0:47'de not alıyor ki AnsiConsole.Write() gösterilebilir bir nesneyi kabul eder—ve bir Panel IRenderable implement ettiği için tam yerine oturur. 1:02'de kodu çalıştırmak "Tim Corey" metninin etrafında basit bir kutu gösterir. Bu küçük alan bile bir notu çağırmak, bir promptu vurgulamak veya diğer konsol çıktısından kullanıcı girdisini ayırmak için faydalı olabilir.

Panel Özelliklerini Keşfetme: Kenarlıklar ve Dolgu

Tim sonra panel özelliklerini göstermek için harekete geçer. 1:22'de kenarlık stilini değiştiriyor:

panel.Border = BoxBorder.Rounded;

panel.Border = BoxBorder.Rounded;

Bu, panelin yuvarlak bir kenarlık kazanmasını sağlar—mevcut farklı stillerden biri. Çift kenarlık veya kendi renginize göre temalara veya mavi ve yeşil aksanlara uyması için diğer seçenekleri de seçebileceğinizi belirtir.

1:42'de Tim panelin içine dolgu ayarlıyor:

panel.Padding = new(2, 0);

panel.Padding = new(2, 0);

2:16'da açıklıyor ki konsolda dolgu, webdeki pikseller gibi değil—karakter genişliği ve satır dönüşlerine dayanır. 5 gibi büyük bir sayı, mevcut alanın çoğunu dolduran büyük bir panel oluşturur. Dolgunun nasıl çalıştığını göstermek için alanı sayıyor (2:35).

İçeriğin etrafındaki alanı ince ayarlama yeteneği, ister bir değişken tablosu, ister bir çubuk grafik veya başka herhangi bir veri gösteriyor olun düzeninizle uyuşan paneller tasarlamanıza olanak tanır.

Bir Başlık Ekleme ve Stilleri Özelleştirme

3:37'de Tim panele bir başlık ekliyor:

panel.Header("My Name");

panel.Header("My Name");

3:51'de kodu çalıştırdığında başlık kenarlıkta görünüyor. Ancak içeriğin hemen yanında. 4:04'te doldurmayı değiştirerek bunu düzeltiyor:

panel.Padding = new (1, 0);

panel.Padding = new (1, 0);

Bu, başlık ve metin arasında biraz boşluk oluşturur. Tim, başlıklar ve boşluk kullanarak panellerinizi net bir şekilde etiketlemenizin faydalı olduğunu (4:16) ifade eder - bir görevin ilerleyişini gösterirken, canlı bir ekran gösterirken veya ekran ilerleme çubuğuyla birlikte uzun süre çalışan bir görev gösterirken özellikle yararlıdır.

Bir Panelde Listeler Görüntüleme

Tim sonra bir dize listesini panele nasıl koyacağını gösteriyor. 4:26'da daha önceki bir dersten bir ad listesini getirip tek bir dizeye nasıl birleştirileceğini gösteriyor:

string panelInfo = string.Join('\n', names);
var panel = new Panel(panelInfo)
    .Header("Default Names");

string panelInfo = string.Join('\n', names);
var panel = new Panel(panelInfo)
    .Header("Default Names");

Bu listeyi satır araları ile bir dizeye sıkıştırır (5:02). Bunu çalıştırmak (5:28) listeyi panel içinde düzenli bir şekilde gösterir, her öğe kendi satırında. Bu teknik verileri veya nesne özelliklerini güçlü bir şekilde yazılan ama metin olarak işlenmiş bir şekilde sunmanıza olanak tanır.

5:44'te Tim ayrıca özel öğelere özel renk eklemek için zengin metin biçimlendirmesini kullanabileceğinizi vurguluyor. Örneğin:

"[red]Bilbo Baggins[/]"

"[red]Bilbo Baggins[/]"

Bu, bir Spectre Console Panelinin düz dizeler değil, aynı zamanda temalar, kalın metin veya renk kodlu öğeler içeren biçimlendirilen içeriği de işleyebileceğini gösterir.

Biçimlendirme ve Renderlenebilir Nesnelerle İçeriği Ortalama

6:19'da Tim içeriği nasıl ortalayacağınızı yanıtlıyor. Düz bir dize ortalanmaz. Bunun yerine, renderlenebilir bir nesne kullanmalısınız. 6:34'te gösteriyor:

Panel panel = new(new Markup(panelInfo).Centered());

Panel panel = new(new Markup(panelInfo).Centered());

Bu, dizeyi bir Markup'a dönüştürür, .Centered() çağrır ve panele atar. Kodu çalıştırmak (7:01) tüm adların ortalandığını gösterir. Bu, yeni bir tablo, yeni bir çubuk grafik veya herhangi bir etkileşimli kontroller oluşturuyorsanız ve içeriği mevcut alanda yatay olarak hizalamak istiyorsanız özellikle yararlıdır.

7:07'de Tim ayrıca panellerin IRenderable olduğunu belirtiyor, bu yüzden onları tabloların veya diğer panellerin içine yerleştirebilirsiniz. Bu, karmaşık görüntülemeler oluşturma olasılığı sağlar: örneğin, bir prompt içeren bir panel, bir değişken tablosu ve yan yana bir çubuk grafik veya panelleri farklı görevler için dosya ilerlemesi göstermek için kullanma.

Paneller Konsol Uygulamalarında Yapı Taşları

Tim, 7:14'te paketlerken, panellerin IRenderable olduğunu, Spectre.Console nerede bir renderlenebilir nesne bekliyorsa oraya ekleyebileceğinizi yineliyor—tablolar içinde, canlı görüntülerde veya diğer düzenlerde. Bu esneklik, panelleri etkileşimli istemler, ilerleme çubukları ve özel renk kodlu temalar gibi diğer Spectre.Console bileşenleriyle birleştirmenizi sağlayarak cilalı .NET konsol uygulamaları oluşturmanızı sağlar.

Tim'in Videosundan Anahtar İpuçları

• Bir Spectre Console Paneli, içeriği vurgulamanın, kullanıcı girdisini istemenin veya konsol uygulamanızda verileri çerçevelemenin basit fakat güçlü bir yoludur.

• Paneller farklı stilleri destekler: yuvarlak, çift, özel başlıklar ve alanı kontrol eden dolgu.

• Listeleri görüntüleyebilir, özel renk temaları için zengin metin biçimlendirmesini kullanabilir ve hatta içeriği Markup.Centered() ile ortalayabilirsiniz.

• Bir panel bir renderlenebilir nesne olduğu için, onu tabloların içine yerleştirebilir, ilerleme görüntülemeleri veya çubuk grafiklerle birleştirebilir ve karmaşık etkileşimli düzenler oluşturabilirsiniz.

• Tüm bunlar, NuGet paketini kurarak ve .NET veya Visual Studio projeniz içinde güçlü tipli API'sini kullanarak basitçe elde edilir.

Tim Corey'nin videosunu takip ederek, Spectre.Console panellerini şekilli, veri zengin konsol deneyimleri oluşturmak için başlıklar, özel temalar ve düzenli biçimlendirilmiş çıktı ile nasıl etkili bir şekilde kullanabileceğinizi göreceksiniz—tamamen konsol dünyasından çıkmadan.