モバイルとデスクトップのドロワーメニューデモ

エンバカデロ

2年前

Drawer Menu CrossPlatform Demo | Learn Delphi

If you’re looking for a way to add a hamburger menu to your cross-platform application, look no further than the Drawer Menu Demo. This demo shows you how to build an app with a drawer menu that slides out from the left side of the screen, making it easy and intuitive to navigate your way around. Plus, it’s built in Delphi using a single code base and single UI, so you can be sure it will work seamlessly on 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.Effects,
  FMX.StdCtrls, FMX.Controls.Presentation, FMX.Layouts, FMX.MultiView,
  FMX.ListView.Types, FMX.ListView.Appearances, FMX.ListView.Adapters.Base,
  Data.Bind.GenData, Data.Bind.EngExt, Fmx.Bind.DBEngExt, System.Rtti,
  System.Bindings.Outputs, Fmx.Bind.Editors, Data.Bind.Components,
  Data.Bind.ObjectScope, FMX.ListView, FireDAC.Stan.Intf, FireDAC.Stan.Option,
  FireDAC.Stan.Param, FireDAC.Stan.Error, FireDAC.DatS, FireDAC.Phys.Intf,
  FireDAC.DApt.Intf, FireDAC.Stan.StorageBin, Data.Bind.DBScope, Data.DB,
  FireDAC.Comp.DataSet, FireDAC.Comp.Client;

type
  TForm1 = class(TForm)
    ToolBar1: TToolBar;
    Label1: TLabel;
    ShadowEffect4: TShadowEffect;
    MaterialOxfordBlueSB: TStyleBook;
    Button1: TButton;
<strong>    MultiView1: TMultiView;</strong>
    Layout1: TLayout;
    ListView1: TListView;
    BindingsList1: TBindingsList;
    FDMemTable1: TFDMemTable;
    BindSourceDB1: TBindSourceDB;
    LinkListControlToField1: TLinkListControlToField;
  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.Effects,

FMX.StdCtrls, FMX.Controls.Presentation, FMX.Layouts, FMX.MultiView,

FMX.ListView.Types, FMX.ListView.Appearances, FMX.ListView.Adapters.Base,

Data.Bind.GenData, Data.Bind.EngExt, Fmx.Bind.DBEngExt, System.Rtti,

System.Bindings.Outputs, Fmx.Bind.Editors, Data.Bind.Components,

Data.Bind.ObjectScope, FMX.ListView, FireDAC.Stan.Intf, FireDAC.Stan.Option,

FireDAC.Stan.Param, FireDAC.Stan.Error, FireDAC.DatS, FireDAC.Phys.Intf,

FireDAC.DApt.Intf, FireDAC.Stan.StorageBin, Data.Bind.DBScope, Data.DB,

FireDAC.Comp.DataSet, FireDAC.Comp.Client;

type

TForm1 = class(TForm)

ToolBar1: TToolBar;

Label1: TLabel;

ShadowEffect4: TShadowEffect;

MaterialOxfordBlueSB: TStyleBook;

Button1: TButton;

<strong> MultiView1: TMultiView;</strong>

Layout1: TLayout;

ListView1: TListView;

BindingsList1: TBindingsList;

FDMemTable1: TFDMemTable;

BindSourceDB1: TBindSourceDB;

LinkListControlToField1: TLinkListControlToField;

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