クロスプラットフォームタブインターフェイスデモ

エンバカデロ

2年前

Simple Tabs demo coding boot camp | Learn Delphi

ページのナビゲーションを行うためのタブインターフェイスを、クロスプラットフォームアプリ追加しようと考えていますか？もしそうであるならば、タブインターフェイスデモがクロスプラットフォームソリューションとして役立ちます。Android、iOS、macOS、Windows、Linux 用の単一コードベースと単一UIにより、簡単に利用することができます。Delphi で構築されたこのアプリは、高速で信頼性が高く、使うのも簡単です。

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

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

デスクトップおよびモバイルアプリにおけるタブインターフェイス

タブインターフェイスは、ユーザーが単一のウィンドウで、複数のファイルやビューを開いて切り替えることができるグラフィカルユーザーインターフェイスの構成要素です。タブインターフェイスは、Webブラウザ、テキストエディタ、ワードプロセッサ、スプレッドシートなどのオフィスアプリケーションでも一般的に使用されています。タブインターフェイスでは、開いている各ファイルやビューの名前がタブに表示され、ユーザーはタブをクリックして目的のコンテンツにアクセスできます。これにより、複数のファイルやビューを簡単に切り替えることができ、インターフェイスの整理に役立ちます。タブインターフェイスは多くのモバイルアプリにも見られ、デスクトップアプリケーションと同様の機能を提供します。ユーザーが複数のファイルやビューを簡単に切り替えられるようにすることで、タブインターフェイスはワークフローと生産性の向上に役立ちます。

画面ショット

デモのソースコード

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.TabControl,
  FMX.Effects, FMX.Controls.Presentation, FMX.StdCtrls, System.ImageList,
  FMX.ImgList, System.Actions, FMX.ActnList, FMX.Gestures;

type
  TForm1 = class(TForm)
    ToolBar1: TToolBar;
    ShadowEffect4: TShadowEffect;
    MaterialOxfordBlueSB: TStyleBook;
<strong>    TabControl1: TTabControl;
    TabItem1: TTabItem;
    TabItem2: TTabItem;
    TabItem3: TTabItem;</strong>
    Label1: TLabel;
    ImageList1: TImageList;
    Glyph1: TGlyph;
    Glyph2: TGlyph;
    Glyph3: TGlyph;
    GestureManager1: TGestureManager;
    ActionList1: TActionList;
    NextTabAction1: TNextTabAction;
    PreviousTabAction1: TPreviousTabAction;
  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.TabControl,

FMX.Effects, FMX.Controls.Presentation, FMX.StdCtrls, System.ImageList,

FMX.ImgList, System.Actions, FMX.ActnList, FMX.Gestures;

type

TForm1 = class(TForm)

ToolBar1: TToolBar;

ShadowEffect4: TShadowEffect;

MaterialOxfordBlueSB: TStyleBook;

<strong> TabControl1: TTabControl;

TabItem1: TTabItem;

TabItem2: TTabItem;

TabItem3: TTabItem;</strong>

Label1: TLabel;

ImageList1: TImageList;

Glyph1: TGlyph;

Glyph2: TGlyph;

Glyph3: TGlyph;

GestureManager1: TGestureManager;

ActionList1: TActionList;

NextTabAction1: TNextTabAction;

PreviousTabAction1: TPreviousTabAction;

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など、プログラミングに関するさまざまなトピックを学ぶことができます。