AndroidおよびiOS向けクロスプラットフォームのToolBarデモ

エンバカデロ

2年前

ToolBar Demoは、単一コードベースでクロスプラットフォームアプリケーションの構築するのに、最適なスタートポイントを提供します。このデモでは、ToolBarにボタンを配置し、OnClickイベントを定義して、すべてのデバイスで、簡単に一貫したルック＆フィールを作成しています。Android、iOS、macOS、Windows、Linuxをサポートする ToolBar Demoは、美しく応答性の高いアプリケーションの構築するのに、良いサンプルとなるでしょう。

フルクロスプラットフォームのToolBarデモのソースコードをGithubからダウンロード

このデモは、カメラデモ、絵文字デモ、ペイントデモなど、100以上のクロスプラットフォームデモの一部です。

ソフトウェア開発におけるToolBarコントロール

ToolBarコントロールは、ソフトウェア内の特定の機能を有効にするために使用できるツールバーまたは一連のコマンドをユーザーに提供するソフトウェア開発要素の一種です。ToolBarコントロールはワープロソフトなどでよく使用され、通常、テキストの太字、斜体、下線など、よく使用される機能にすばやくアクセスできます。場合によっては、ToolBarコントロールが、フォントサイズやスタイルの変更など、より高度な機能を提供することもあります。ToolBarコントロールは効率という点では有益ですが、ユーザーインターフェイスが煩雑になることもあります。そのため、開発者は、特定のソフトウェアアプリケーションに対してToolBarコントロールが最適なソリューションであるかどうかを慎重に検討することが重要です。

画面ショット

ToolBarデモのソースコード

unit Unit1;

interface

uses
  System.SysUtils, System.Types, System.UITypes, System.Classes, System.Variants,
  FMX.Types, FMX.Controls, FMX.Forms, FMX.Graphics, FMX.Dialogs, FMX.StdCtrls,
  FMX.Effects, FMX.Controls.Presentation;

type
  TForm1 = class(TForm)
    MaterialOxfordBlueSB: TStyleBook;
<strong>    ToolBar1: TToolBar;</strong>
    ShadowEffect4: TShadowEffect;
    Label1: TLabel;
<strong>    RemoveButton: TButton;
    AddButton: TButton;</strong>
    Label2: TLabel;
<strong>    procedure AddButtonClick(Sender: TObject);
    procedure RemoveButtonClick(Sender: TObject);</strong>
  private
    { Private declarations }
  public
    { Public declarations }
<strong>    FValue: Integer;
    procedure UpdateLabel(AValue: Integer);</strong>
  end;

var
  Form1: TForm1;

implementation

{$R *.fmx}

<strong>procedure TForm1.UpdateLabel(AValue: Integer);
begin
  Label2.Text := AValue.ToString;
end;

procedure TForm1.RemoveButtonClick(Sender: TObject);
begin
  Dec(FValue);
  UpdateLabel(FValue);
end;

procedure TForm1.AddButtonClick(Sender: TObject);
begin
  Inc(FValue);
  UpdateLabel(FValue);
end;</strong>

end.

unit Unit1;

interface

uses

System.SysUtils, System.Types, System.UITypes, System.クラス, System.Variants,

FMX.Types, FMX.Controls, FMX.Forms, FMX.Graphics, FMX.Dialogs, FMX.StdCtrls,

FMX.Effects, FMX.Controls.Presentation;

type

TForm1 = class(TForm)

MaterialOxfordBlueSB: TStyleBook;

ToolBar1: TToolBar;

ShadowEffect4: TShadowEffect;

Label1: TLabel;

RemoveButton: TButton;

AddButton: TButton;

Label2: TLabel;

procedure AddButtonClick(Sender: TObject);

procedure RemoveButtonClick(Sender: TObject);

private

{ Private declarations }

public

{ Public declarations }

FValue: Integer;

procedure UpdateLabel(AValue: Integer);

end;

var

Form1: TForm1;

implementation

{$R *.fmx}

procedure TForm1.UpdateLabel(AValue: Integer);

begin

Label2.Text := AValue.ToString;

end;

procedure TForm1.RemoveButtonClick(Sender: TObject);

begin

Dec(FValue);

UpdateLabel(FValue);

end;

procedure TForm1.AddButtonClick(Sender: TObject);

begin

Inc(FValue);

UpdateLabel(FValue);

end;

end.

クロスプラットフォームアプリのプログラミング手法を学ぶには

今すぐ Coding Boot Camp 2022に登録してください。ゲーム、JavaScript、Web、Python、SQL、データベース、iOS、MacOS、Android、モバイル、Linux、Windows、デスクトップ、サーバー、Arduinoなど、プログラミングに関するさまざまなトピックを学ぶことができます。