【Ratatui】画面を分割して「ツール」らしくする（Layout編）

// 必要なインポートを追加
use ratatui::layout::{Layout, Constraint, Direction};

// --- terminal.draw の中身 ---
terminal.draw(|f| {
    // 1. 画面全体(f.area())を「垂直方向」に分割する指示書を作る
    let chunks = Layout::default()
        .direction(Direction::Vertical)
        .constraints([
            Constraint::Length(3),    // 上部は3行
            Constraint::Min(3),       // 残り全部（結果表示用Min指定で最小を指定し最大化）
        ])
        .split(f.area()); // 実際に分割して、領域（Rect）の配列を得る

    // 2. 分割された領域[0]に「入力欄」を描画
    let input_block = Paragraph::new(input.as_str())
        .block(Block::default().title(" Input ").borders(Borders::ALL));
    f.render_widget(input_block, chunks[0]);

    // 3. 分割された領域[1]に「結果（仮）」を描画
    let output_block = Paragraph::new("ここに結果が表示されます")
        .block(Block::default().title(" Result ").borders(Borders::ALL));
    f.render_widget(output_block, chunks[1]);
})?;

#横割り。
#後についている.constraints([]).split(f.area());は分割方法の指定と領域の配列にする処理。

Layout::default().direction(Direction::Vertical).constraints([]).split(f.area());

Layout::default()
    .direction(Direction::Vertical)
    .constraints([
        Constraint::Length(3), // 固定ヘッダー
        Constraint::Min(0),    // 残り全部（可変）
        Constraint::Length(1), // 1行フッター
    ])

Layout::default()
    .direction(Direction::Horizontal)
    .constraints([
        Constraint::Percentage(30), // 左：サイドバー
        Constraint::Percentage(70), // 右：メイン
    ])

let vertical_chunks = Layout::default()
    .direction(Direction::Vertical)
    .constraints([Constraint::Percentage(50), Constraint::Percentage(50)])
    .split(f.area());

// 上半分の領域(vertical_chunks[0])を、さらに横に2分割する
let top_chunks = Layout::default()
    .direction(Direction::Horizontal)
    .constraints([Constraint::Percentage(50), Constraint::Percentage(50)])
    .split(vertical_chunks[0]);

Layout::default()
    .margin(1) // 上下左右に1マスの余白
    .horizontal_margin(2) // 左右だけに2マスの余白

Layout::default()
    .direction(Direction::Horizontal)
    .constraints([
        Constraint::Length(15), // 1. サイドバー（常に15文字分固定）
        Constraint::Fill(2),    // 2. メイン（残り領域の 2/3 を使う）
        Constraint::Fill(1),    // 3. サブ（残り領域の 1/3 を使う）
    ])
    .split(f.area());