※この翻訳ドキュメントはスクリプトによって出力・同期されています。内容が怪しそうな場合はGitHubにissueを追加したり英語の原文の確認をお願いします。

MultiLineText クラス

このページではMultiLineTextクラスについて説明します。

クラス概要

MultiLineTextクラスは複数行のテキストのインスタンスを生成します。

このテキストのインスタンスは一定の幅で折り返します。

基本的な使い方

MultiLineTextクラスはtext引数を必要とします。

コンストラクタではwidthfill_colorboldtext_alignなどのスタイル設定も同様に受け付けます。

import apysc as ap

stage: ap.Stage = ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=300,
    stage_height=200,
    stage_elem_id="stage",
)

multi_line_text: ap.MultiLineText = ap.MultiLineText(
    text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, "
    "sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "
    "Ut enim ad minim veniam",
    width=250,
    font_size=16,
    fill_color=ap.Colors.CYAN_00AAFF,
    x=25,
    y=25,
)
ap.save_overall_html(dest_dir_path="multi_line_text_basic_usage/")

MultiLineText クラスのコンストラクタのAPI

特記事項: このAPIドキュメントはドキュメントビルド用のスクリプトによって自動で生成・同期されています。そのためもしかしたらこの節の内容は前節までの内容と重複している場合があります。

[インターフェイスの構造] __init__(self, *, text: Union[str, apysc._type.string.String], x: Union[float, apysc._type.number.Number] = 0, y: Union[float, apysc._type.number.Number] = 0, width: Union[int, apysc._type.int.Int] = 200, font_size: Union[int, apysc._type.int.Int] = 16, fill_color: apysc._color.color.Color = Color("#666666"), fill_alpha: Union[float, apysc._type.number.Number] = 1.0, bold: Union[bool, apysc._type.boolean.Boolean] = False, italic: Union[bool, apysc._type.boolean.Boolean] = False, text_align: apysc._display.css_text_align.CssTextAlign = <CssTextAlign.LEFT: 'left'>, text_align_last: apysc._display.css_text_align_last.CssTextAlignLast = <CssTextAlignLast.AUTO: 'auto'>, underline: Union[bool, apysc._type.boolean.Boolean] = False, line_height: Union[float, apysc._type.number.Number] = 1.5, parent: Union[apysc._display.child_mixin.ChildMixIn, NoneType] = None, variable_name_suffix: str = '') -> None


[インターフェイス概要]

複数行のテキスト要素のクラスの実装。


[引数]

  • text: Union[str, String]

    • 表示対象のテキスト。HTMLタグが利用可能です。

  • x: Union[float, Number], default 0

    • X座標。

  • y: Union[float, Number], default 0

    • Y座標。

  • width: Union[int, Int], default 200

    • 折り返し位置となるテキストの幅。

  • font_size: Union[int, Int], default 16

    • フォントサイズ。

  • fill_color: Color, default Colors.GRAY_666666

    • テキストの色。

  • fill_alpha: Union[float, Number], default 1.0

    • テキストの透明度。最小値は0.0(透明)、最大値は1.0(不透明)になります。

  • bold: Union[bool, Boolean], default False

    • テキストを太字で表示するか否か。

  • italic: Union[bool, Boolean], default False

    • テキストを斜体で表示するか否か。

  • text_align: CssTextAlign, default CssTextAlign.LEFT

    • テキストの行揃えの設定。

  • text_align_last: CssTextAlignLast, default CssTextAlignLast.AUTO

    • 最終行の行揃えの設定。

  • underline: Union[bool, Boolean], default False

    • テキストの下線を表示するか否か。

  • line_height: Union[float, Number], default 1.5

    • 行の高さ(テキストの行間)の設定。

  • parent: ChildMixIn or None, default None

    • このインスタンスを追加する親のインスタンス。もしもNoneが指定された場合、このインスタンスはステージのインスタンスへと追加されます。

  • variable_name_suffix: str, default “”

    • JavaScript上の変数のサフィックスの設定です。この設定はJavaScriptのデバッグ時に役立つことがあります。


[コードサンプル]

>>> import apysc as ap
>>> stage: ap.Stage = ap.Stage(
...     background_color=ap.Color("#333"),
...     stage_width=300,
...     stage_height=100,
...     stage_elem_id="stage",
... )
>>> multi_line_text: ap.MultiLineText = ap.MultiLineText(
...     text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, "
...     "sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "
...     "Ut enim ad minim veniam",
...     width=300,
...     font_size=16,
...     fill_color=ap.Color("#00aaff"),
...     x=20,
...     y=20,
... )
>>> multi_line_text.fill_color
Color("#00aaff")

[関連資料]