目的・役割

豆知識1件をカード形式で表示。ホーム・カレンダー・お気に入り画面で共通利用。 ライトスタイル(白背景)と通常スタイル(テーマ背景)の2バリエーション。

UI 構成

要素種類説明
カテゴリバッジCapsuletip.category(歴史・科学等)
タイトルText (large)tip.title
本文Texttip.content
♥ ボタンButtonFavoriteService.toggleFavorite
共有ボタンButtonShareCardView 経由
クイズボタンButtontip.quiz があるときのみ表示

状態

状態表示内容
クイズありクイズボタン表示
クイズなしクイズボタン非表示
お気に入り済♥ ハート塗りつぶし
未お気に入り♡ ハート枠線のみ
ライトスタイル(isLightStyle=true)白背景・暗テキスト
通常スタイルテーマグラデーション・明テキスト

使用するデータモデル

DailyTip {
    let id: String
    let title: String
    let content: String
    let category: String
    let quiz: TipQuiz?
}

実装メモ

関連

変更履歴

バージョン日付変更内容
1.02026-05-09初版作成