ハンバーガーメニューをクロスプラットフォームアプリケーションに追加する方法を調べている方は、Drawer Menu Demoを見れば十分です。このデモでは、画面の左側からスライドして出てくるドロワーメニューを備えたアプリを作成し、簡単かつ直感的に操作できるようにする方法を紹介しています。また、Delphiを用いて構築されており、単一コードベースと単一UIで、Android、iOS、 macOS、Windows、Linuxに対応することができます。ということで、今すぐドロワーメニューデモを確認し、アプリを次のレベルにステップアップする手法を学んでください。
フルクロスプラットフォームのドロワーメニューのソースコードをGithubからダウンロード
このデモは、カメラデモ、絵文字デモ、ペイントデモなど、100以上のクロスプラットフォームデモの一部です。
目次
デスクトップ/モバイルアプリにおけるドロワーメニュー
ドロワーメニューは、デスクトップおよびモバイルアプリケーションで一般的に使用される一種のナビゲーションメニューです。通常、ユーザーが開くまでは表示されません。ユーザーがこれを開こうとすると、画面の端からスライドしてきます。ドロワーメニューは、設定やアカウント情報などの二次的なナビゲーションオプションを格納するためによく使用されます。また、検索機能など、すぐにはわからない機能へのアクセスを提供するためにも使用できます。ドロワーメニューを正しく使用すると、目的のコンテンツを見つけやすくなり、全体的なユーザーエクスペリエンスを向上させることができます。ただし、控えめに使用しないと、乱雑になることもあります。そのため、ドロワーメニューは、他の種類のナビゲーションメニューよりも大きなメリットがある場合にのみ使用すべきです。
画面ショット
デモアプリのソースコード
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
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など、プログラミングに関するさまざまなトピックを学ぶことができます。
Design. Code. Compile. Deploy.
トライアル版をダウンロードいますぐアップグレード!
Delphi Community Edition(無料)C++Builder Community Edition(無料)