クロスプラットフォームのトグルボタンサンプル

Q: ソフトウェア開発におけるトグルボタン

A toggle button is a graphical control element that allows the user to switch between two mutually exclusive options. The options can be either selected or unselected, and the toggle button will indicate the current state of the options. Toggle buttons are often used in multi-select lists, where the user can select multiple options by clicking on the toggle buttons. In addition, toggle buttons can be used to toggle between different views of data, such as a list view and a grid view. Toggle buttons are typically implemented as checkboxes or radio buttons.

エンバカデロ

2年前

Looking for an easy and effective way to toggle between two different buttons? Look no further than the Toggle Button Demo! This cross-platform application makes it simple and straightforward to switch between selections on any desktop or mobile device, whether you’re using Android, iOS, macOS, Windows, or Linux. Plus, with a single code base and UI across all platforms, the Toggle Button Demo is guaranteed to provide a consistent experience every time. So why wait? Give it a try today and see how toggle button selection can make your life easier.

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

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

ソフトウェア開発におけるトグルボタン

トグルボタンは、ユーザーが相互に排他的な 2 つのオプションを切り替えることができるグラフィカルコントロール要素です。オプションは選択または選択解除でき、トグルボタンはオプションの現在の状態を示します。トグルボタンは、ユーザーがトグルボタンをクリックして複数のオプションを選択できる複数選択リストで、よく使用されます。さらに、トグルボタンを使用して、リストビューやグリッドビューなど、データのさまざまなビューを切り替えることができます。トグルボタンは通常、チェックボックスまたはラジオボタンとして実装されます。

画面ショット

デモのソースコード

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

type
  TForm1 = class(TForm)
    MaterialOxfordBlueSB: TStyleBook;
    ToolBar1: TToolBar;
    ShadowEffect4: TShadowEffect;
    Label1: TLabel;
    SpeedButton1: TSpeedButton;
    GridPanelLayout1: TGridPanelLayout;
    SpeedButton2: TSpeedButton;
  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.Layouts,

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

type

TForm1 = class(TForm)

MaterialOxfordBlueSB: TStyleBook;

ToolBar1: TToolBar;

ShadowEffect4: TShadowEffect;

Label1: TLabel;

SpeedButton1: TSpeedButton;

GridPanelLayout1: TGridPanelLayout;

SpeedButton2: TSpeedButton;

private

{ Private declarations }

public

{ Public declarations }

end;

var

Form1: TForm1;

implementation

{$R *.fmx}

end.

トグルボタンフォームのプロパティ設定

    object SpeedButton1: TSpeedButton
      StaysPressed = True
      Align = Client
      GroupName = 'togglebutton'
      IsPressed = True
      Size.Width = 155.000000000000000000
      Size.Height = 50.000000000000000000
      Size.PlatformDefault = False
      StyleLookup = 'toolbuttonleft'
      Text = 'SpeedButton1'
    end
    object SpeedButton2: TSpeedButton
      StaysPressed = True
      Align = Client
      GroupName = 'togglebutton'
      Size.Width = 155.000000000000000000
      Size.Height = 50.000000000000000000
      Size.PlatformDefault = False
      StyleLookup = 'toolbuttonright'
      Text = 'SpeedButton2'
    end

object SpeedButton1: TSpeedButton

StaysPressed = True

Align = Client

GroupName = 'togglebutton'

IsPressed = True

Size.Width = 155.000000000000000000

Size.Height = 50.000000000000000000

Size.PlatformDefault = False

StyleLookup = 'toolbuttonleft'

Text = 'SpeedButton1'

end

object SpeedButton2: TSpeedButton

StaysPressed = True

Align = Client

GroupName = 'togglebutton'

Size.Width = 155.000000000000000000

Size.Height = 50.000000000000000000

Size.PlatformDefault = False

StyleLookup = 'toolbuttonright'

Text = 'SpeedButton2'

end

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

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