クロスプラットフォームアニメーションデモ

エンバカデロ

2年前

Crossplatform animation demo source code | Learn Delphi

アニメーションは、最新のユーザーインターフェイスデザインの重要な構成要素です。アプリに輝きと洗練さを加え、ユーザーエクスペリエンスをより楽しくすることができます。Animation Demoでは、FireMonkeyを使用してアニメーション化されたプログレススピナーを作成する方法を紹介します。このクロスプラットフォームアプリケーションは、Delphiを用いて構築されており、単一コードベースと単一UIで、 Android、iOS、macOS、Windows、Linuxに対応することができます。ほんの数行のコードで、この印象的なアニメーションを独自のアプリに追加できます。今すぐ試して、アニメーションがもたらす違いをご確認ください。

フルクロスプラットフォームアニメーションのソースコードをGithubからダウンロード

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

ソフトウェア開発におけるプログレスアニメーション

プログレスアニメーションは、操作の進行状況を表す、ソフトウェア開発で一般的に使用されるグラフィカルコントロール要素です。最も単純な形式のプログレスアニメーションは、操作の進行状況を表すために空または塗りつぶされたバーで構成されます。より洗練された進行状況アニメーションには、操作の進行状況に関する詳細情報を提供するテキストまたはその他のグラフィック要素が含まれるものもあります。プログレスアニメーションは、多くの場合、操作のステータスに関するフィードバックをユーザーに提供するために、ボタンやその他のコントロールと組み合わせて使用されます。このように使用することで、プログレスアニメーションは、ソフトウェアの使用を通じてユーザーをガイドする視覚的なサインを提供し、使いやすさの向上に役立ちます。

画面ショット

アニメーションデモのソースコード

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.Ani,
  FMX.Objects, FMX.StdCtrls, FMX.Effects, FMX.Controls.Presentation;

type
  TForm1 = class(TForm)
<strong>    ActivityCircle: TCircle;
    ActivityArc: TArc;
    ActivityFloatAni: TFloatAnimation;
    ClipCircle: TCircle;</strong>
    MaterialOxfordBlueSB: TStyleBook;
    ToolBar1: TToolBar;
<strong>    ShadowEffect4: TShadowEffect;</strong>
    Label1: TLabel;
  private
    { Private declarations }
  public
    { Public declarations }
  end;

var
  Form1: TForm1;

implementation

{$R *.fmx}

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.Ani,

FMX.Objects, FMX.StdCtrls, FMX.Effects, FMX.Controls.Presentation;

type

TForm1 = class(TForm)

<strong> ActivityCircle: TCircle;

ActivityArc: TArc;

ActivityFloatAni: TFloatAnimation;

ClipCircle: TCircle;</strong>

MaterialOxfordBlueSB: TStyleBook;

ToolBar1: TToolBar;

<strong> ShadowEffect4: TShadowEffect;</strong>

Label1: TLabel;

private

{ Private declarations }

public

{ Public declarations }

end;

var

Form1: TForm1;

implementation

{$R *.fmx}

end.

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

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