移动教程:使用不同样式的按钮组件(iOS和Android)

来自RAD Studio
跳转到:航行,搜索

转到移动教程:移动应用程序开发(iOS和Android)


移动平台中的按钮

FireMonkey定义了各种类型的按钮,您可以按照此处描述的相同步骤使用这些不同类型的按钮。FireMonkey按钮包括按钮控件T速度按钮.

以下是一些不同样式的示例,按钮组件可供您在应用程序用户界面的不同部分中使用:

  • 表单上的按钮:
网间网操作系统 安卓

着色按钮IOS7.png

着色按钮Android.png

IOS7分段控制.png

机器人分段控制.png


  • 导航栏上的按钮(也称为工具栏):
网间网操作系统 安卓

IOS7工具栏和返回按钮.png

Android工具栏和后退按钮.png

IOS7工具栏WithArrowButtons.png

带箭头按钮的Android工具栏.png

IOS7工具栏取消完成按钮.png

Android工具栏取消完成按钮.png

IOS7工具栏和PlusButton.png

带Plus按钮的Android工具栏.png

IOS7工具栏WIthToolButton图标.png

Android工具栏WIthColoredToolButtons.png

IOS7范围栏.png

机器人ScopeBar.png


定义按钮组件的外观

将新按钮放置在表单设计器,可以使用对象检查器.

选择一个组件(在本例中为按钮),然后按如下方式浏览和更改某些属性的值:

  • 通过更新文本中的属性对象检查器.
  • 更改位置。X(X)位置。Y(Y)属性(或使用鼠标拖动组件。)
  • 更改高度和/或宽度属性(或使用鼠标拖动组件的边缘。)
  • 单击中的向下箭头样式查找属性。
    样式查找下拉列表中,您可以根据组件的使用方式选择预定义样式:

    IOS按钮样式查找.png
  • 要创建彩色按钮,请更改色调颜色图标色调颜色属性。后一个属性仅适用于带有图标的样式化按钮。下一节将详细介绍如何使用色调颜色图标色调颜色.

在按钮上使用色调颜色和图标色调颜色

对于按钮控件T速度按钮,FireMonkey提供了两个属性,用于确定如何对按钮进行着色:

注释:该色调颜色图标色调颜色属性仅在中可用对象检查器如果您为按钮选择了适当的样式,并在表单设计器(这些属性并非全部可见意见).

对于Android目标平台:

您可以对任何样式的大多数按钮应用色调:

  • 对于速度按钮,您需要选择适当的StyleLookup值以更改色调颜色对象检查器中的值。
  • 要修改色调颜色图标色调颜色,从中选择Android设备意见表单设计器右上角的列表。
C.png公司

对于iOS目标平台:

  • FireMonkey提供与苹果风格指南,并且某些按钮可能不支持色调功能。
  • 例如,在iOS上,分段按钮具有色调颜色属性。

当您更改样式查找按钮的属性对象检查器自动显示或隐藏色调颜色图标色调颜色属性样式查找财产价值。下图显示了Android应用程序上的三个T速度按钮:

色调颜色2.png

在目标平台上使用样式化和彩色按钮

有关可用性的信息样式查找,色调颜色、和图标色调颜色所有目标平台上按钮的属性,请参阅此摘要表:在目标平台上使用样式化和彩色按钮.

使用样式自定义按钮

现在在FireMonkey中T样式书组件是各种目标平台的样式集合。您可以为单个按钮或整个控件类创建自定义样式(按钮控件T速度按钮).

开始使用按钮的自定义样式

  1. 表单设计器,确保您已选择硕士来自视图选择器.
  2. 表单设计器,右键单击按钮或速度按钮,然后在快捷菜单上选择以下项目之一:

按钮自定义Syles.png

有关使用自定义样式的详细信息,请参见以下主题:

在按钮上放置图像

RAD Studio允许您在设计时轻松将自定义图像放在按钮组件上。

要在按钮上放置图像,请执行以下操作:

  1. 用一个按钮控件TImage公司上的组件表单设计器,品牌TImage公司的子组件按钮控件.(使用结构视图.)
  2. 对象检查器,选择TImage公司并设置其排列属性到顾客.
  3. 结构视图,选择按钮,展开图像节点,然后单击0-空(1.000).
  4. 对象检查器,单击省略号按钮(...)紧挨着位图.
  5. 在中添加自定义图像MultiResBitmap编辑器.
  6. 对象检查器,选择按钮控件,然后执行以下操作:
    • 清除文本属性。
    • 设置高度宽度的属性按钮控件设置为图像的实际高度和宽度。

将图像添加到按钮.png

使用按钮组件创建分段控件

FireMonkey使用SpeedButton组件来定义段控件,使用户能够从多个选项中选择一个值。

网间网操作系统 安卓

IOS分段控制.png

机器人分段控制.png



要定义分段控件,请使用以下步骤:

  1. 放置三个T速度按钮组件工具选项板。使用鼠标将TSpeedButton组件并排放置:
网间网操作系统 安卓

三按钮控件.png

Android三按钮控件.png



  1. 选择第一个组件,并更改其样式查找属性到左侧分段按钮:
网间网操作系统 安卓

将第一个按钮更改为段.png

Android将第一个按钮更改为段.png



  1. 选择第二个组件,并将其StyleLookup特性更改为分段按钮中间.
  2. 选择第三个组件,并将其StyleLookup特性更改为右侧分段按钮。现在这三个按钮看起来都像分段控件:
网间网操作系统 安卓

所有按钮AreNowSegments.png

Android所有按钮AreNowSegments.png



  1. 选择每个组件,然后更改文本属性:
网间网操作系统 安卓

左中右按钮.png

Android左中右按钮.png



  1. 使用鼠标选择这三个按钮:
网间网操作系统 安卓

选择全部三个按钮.png

机器人选择全部三个按钮.png



  1. 设置组名属性设置为唯一的名称,例如位置段:
设置保持按真.png

  1. 指定其中一个组件显示为按下默认情况下,设置IsPressed(已按下)一个组件的属性真的:
网间网操作系统 安卓

IOS分段控制.png

机器人分段控制.png



在工具栏组件上创建范围栏

您可以在工具栏上定义分段控件;这也称为范围栏,一个分段控件,可用于控制搜索范围。

使用与前面步骤中相同的TSpeedButton控件,但对于样式查找属性(仅在iOS目标平台上可用):

  • 左侧工具按钮
  • 中间工具按钮
  • 右侧工具按钮

(在Android目标平台集上样式查找作为工具按钮用于每个按钮。)

网间网操作系统 安卓

IOS示波器棒.png

机器人ScopeBar.png

T按钮和T速度按钮之间的重要区别

另请参阅