Skip to content

Block

Block ウィジェットは、他のウィジェットを構造化およびフレーミングするための基礎となる構成要素として機能します。基本的には、境界線、タイトル、その他のスタイル要素を持つことができるコンテナーであり、ターミナル インターフェースの美観と構造を強化します。このページでは、Block ウィジェットについて詳しく説明します。

基本的な使用法

Block の最も単純なユースケースは、境界付きのコンテナを作成することです。

let b = Block::default()
.borders(Borders::ALL);
f.render_widget(b, chunks[0]);

タイトル

ブロックの一般的なユースケースは、UIのセクションにタイトルまたはラベルを付けることです。

let b = Block::default()
.title("Header")
.borders(Borders::ALL);
f.render_widget(b, chunks[0]);

また、 Line structを使用して、より良いポジショニングまたは複数のタイトルを使用することもできます。

let b = Block::default()
.title(Line::from("Left Title").left_aligned())
.title(Line::from("Middle Title").centered())
.title(Line::from("Right Title").right_aligned())
.borders(Borders::ALL);
f.render_widget(b, chunks[0]);

ボーダースタイル

ブロックは、境界スタイルとタイプの両方で柔軟性を提供します。

let b = Block::default()
.title("Styled Header")
.border_style(Style::default().fg(Color::Magenta))
.border_type(BorderType::Rounded)
.borders(Borders::ALL);
f.render_widget(b, chunks[0]);