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

マテリアルアイコン

このページではapyscにおけるマテリアルアイコンの実装について説明します。

基本的な使い方

各マテリアルアイコンは一番上のパッケージパスに存在します（例 : ap.MaterialTimelineIcon）。

また、各マテリアルアイコンの名前はMaterialというプレフィックスとIconというサフィックスを共通で持ちます。

全てのマテリアルアイコンのコンストラクタはxやy、size、fill_color、fill_alphaなどの座標やスタイルの設定の引数を持ちます。

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=168,
    stage_height=72,
    stage_elem_id="stage",
)
SIZE: int = 24

ap.MaterialHomeIcon(
    x=24,
    y=24,
    size=SIZE,
    fill_color=ap.Colors.CYAN_00AAFF,
)
ap.MaterialBuildIcon(
    x=24 * 3,
    y=24,
    size=SIZE,
    fill_color=ap.Colors.CYAN_00AAFF,
)
ap.MaterialCheckCircleIcon(
    x=24 * 5,
    y=24,
    size=SIZE,
    fill_color=ap.Colors.CYAN_00AAFF,
)

ap.save_overall_html(dest_dir_path="material_icon_basic_usage_1/")

以下のようにインスタンスの属性を用いて座標やスタイルを設定することもできます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=168,
    stage_height=72,
    stage_elem_id="stage",
)
SIZE: int = 24

home_icon: ap.MaterialHomeIcon = ap.MaterialHomeIcon(size=SIZE)
home_icon.x = ap.Number(24)
home_icon.y = ap.Number(24)
home_icon.fill_color = ap.Colors.CYAN_00AAFF

build_icon: ap.MaterialBuildIcon = ap.MaterialBuildIcon(size=SIZE)
build_icon.x = ap.Number(24 * 3)
build_icon.y = ap.Number(24)
build_icon.fill_color = ap.Colors.CYAN_00AAFF

check_circle_icon: ap.MaterialCheckCircleIcon = ap.MaterialCheckCircleIcon(
    size=SIZE,
)
check_circle_icon.x = ap.Number(24 * 5)
check_circle_icon.y = ap.Number(24)
check_circle_icon.fill_color = ap.Colors.CYAN_00AAFF

ap.save_overall_html(dest_dir_path="material_icon_basic_usage_2/")

マテリアルアイコンのライセンス

apyscライブラリはAPACHE LICENSE, VERSION 2.0のライセンスのマテリアルアイコンを使用しています。

各マテリアルアイコンのコンストラクタのAPI

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

[インターフェイスの構造] __init__(self, x: Union[float, apysc._type.number.Number] = 0.0, y: Union[float, apysc._type.number.Number] = 0.0, size: Union[int, apysc._type.int.Int] = 24, fill_color: apysc._color.color.Color = Color("#666666"), fill_alpha: Union[float, apysc._type.number.Number] = 1.0, parent: Union[apysc._display.child_mixin.ChildMixIn, NoneType] = None, variable_name_suffix: str = '') -> None

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

SVGアイコンのためのクラスの実装。

[引数]

  • x: Union[float, Number], optional

    • アイコンのX座標。

  • y: Union[float, Number], optional

    • アイコンのY座標。

  • size: Union[int, Int], optional

    • アイコンのY座標。

  • fill_color: Color, optional

    • アイコンの塗りの色。

  • fill_alpha: Union[float, Number], optional

    • アイコンの塗りの透明度。

  • parent: Optional[ChildMixIn], optional

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

  • variable_name_suffix: str, optional

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