其他布局与控件

约 4802 字大约 16 分钟老猫

本节将介绍其他的控件和布局。

复选框控件: checkbox

参见 Android CheckBoxopen in new window。

checkbox 控件即复选框，提供勾选交互的控件。

text

checkbox 控件的文本，显示在勾选框后面。实际上 checkbox 控件继承于textopen in new window和buttonopen in new window控件，它们的属性也可以用在 checkbox 上，比如textSize, textStyle。

checked

设置 checkbox 的选中状态，当checked="true"为选中选项框，否则为未选中选项框。可以通过 attr 方法动态设置勾选框的状态。比如：$ui.checkbox1.attr("checked", "true")。

enabled

设置复选框是否是启用的，若enabled="false"则为禁用状态，显示未灰色，无法交互。

isChecked()

返回 {boolean}

通过 isChecked 可以检测选项框当前是否被选中。如果被选中则返回为true，否则为false。

事件: `check`

checked {boolean} 是否被勾选
view {View} 当前事件的 View

当用户勾选/取消勾选选项框时会触发该事件。

"ui";
ui.layout(
  <vertical padding="16">
    <checkbox id="cb1" text="复选框" />
    <checkbox id="cb2" checked="true" text="勾选的复选框" />
    <checkbox id="cb3" text="被禁用的复选框" enabled="false" />
  </vertical>
);

ui.cb1.on("check", (checked) => {
  if (checked) {
    toast("第一个框被勾选了");
  } else {
    toast("第一个框被取消勾选了");
  }
});

// 修改cb3的checked属性
$ui.cb3.attr("checked", "true");

单选框控件: radio

参见 Android RadioButtonopen in new window。

单选框只能选中一个选项，一般与 radiogroup 搭配使用。

text

radio 控件的文本，显示在单选框后面。实际上 radio 控件也继承于textopen in new window和buttonopen in new window控件，它们的属性也可以用在 radio 上，比如textSize, textStyle。

checked

设置 radio 单选框的选中状态，当checked="true"为选中选项框，否则为未选中选项框。

enabled

设置单选框是否是启用的，若enabled="false"则为禁用状态，显示未灰色，无法交互。

isChecked()

返回 {boolean}

返回选项框是否被选中，是则返回true，否则返回false。例如$ui.radio1.isChecked()。

事件: `check`

checked {boolean} 是否被勾选
view {View} 当前事件的 View

当用户勾选/取消勾选选项框时会触发该事件。

"ui";

ui.layout(
  <vertical padding="16">
    <radio id="radio1" text="单选框1" />
    <radio id="radio2" text="单选框2" />
    <radio id="radio3" text="已勾选的单选框3" checked="true" />
  </vertical>
);
// 监听单个radio的选中
$ui.radio2.on("check", (checked) => {
  if (checked) {
    toastLog("单选框2被勾选了");
  } else {
    toastLog("单选框2被取消勾选了");
  }
});

单选框组合: radiogroup

参见 Android RadioGroupopen in new window。

radiogroup 单选框组合提供了几个单选框 radio 选项，但用户至多只能选择其中一个选项，即实现选项选中互斥功能。

checkedButton

设置 radiogroup 单选框组合中初始勾选的单选框 id。例如checkedButton="@+id/radio5"，则使 id 为 radio5 的单选框选项为初始勾选状态。

"ui";

$ui.layout(
  <vertical padding="16">
    <radiogroup checkedButton="@+id/radio5">
      <radio id="radio4" text="单选框4" />
      <radio id="radio5" text="初始勾选的单选框5" />
      <radio id="radio6" text="单选框6" />
    </radiogroup>
  </vertical>
);

setOnCheckedChangeListener(listener)

listener {Function} 勾选监听的回调函数，其参数为
- group {RadioGroup} 发生勾选变化事件的 radiogroup 对象
- checkedId {number} 被勾选的 radio 的 id，是一个整数；若当前没有任何单选框被勾选，则为-1

设置某个 radiogroup 单选框组合中的单选框被选中时的监听。需要注意的是这里的checkedId是一个整数，并不是类似于radio5这样的 id 字符串，我们可以通过findViewById()函数来获取具体被勾选的单选框，比如：

"ui";

$ui.layout(
  <vertical padding="16">
    <radiogroup id="radiogroup1">
      <radio id="radio1" text="单选框1" />
      <radio id="radio2" text="单选框2" />
      <radio id="radio3" text="单选框3" />
    </radiogroup>
  </vertical>
);

$ui.radiogroup1.setOnCheckedChangeListener((group, checkedId) => {
  // 根据整数id获取勾选的radio控件
  let checkedRadio = $ui.radiogroup1.findViewById(checkedId);
  switch (checkedRadio) {
    case $ui.radio1:
      toastLog("单选框1被勾选");
      break;
    case $ui.radio2:
      toastLog("单选框2被勾选");
      break;
    case $ui.radio3:
      toastLog("单选框3被勾选");
      break;
    default:
      toastLog("没有任何单选框被勾选");
      break;
  }
});

getCheckedRadioButtonId()

返回 {number}

获取单选框组合中的已勾选的单选框选项的整数 ID，若当前没有任何单选框被勾选，则为-1。

需要注意的是这里的checkedId是一个整数，并不是类似于radio5这样的 id 字符串，我们可以通过findViewById()函数来获取具体被勾选的单选框。

进一步，我们可以通过indexOfChild获取被勾选的单选框在 radiogroup 中的位置。

例如：

"ui";

$ui.layout(
  <vertical padding="16">
    <radiogroup id="radiogroup2">
      <radio id="radio4" text="单选框4" />
      <radio id="radio5" text="单选框5" />
      <radio id="radio6" text="单选框6" />
    </radiogroup>
    <button id="get" text="获取当前勾选项" />
  </vertical>
);

$ui.get.on("click", () => {
  // 获取radiogroup2勾选的单选框ID
  let checkedId = $ui.radiogroup2.getCheckedRadioButtonId();
  if (checkedId === -1) {
    toastLog("没有任何单选框被勾选");
  } else {
    // 根据id获取勾选的radio
    let checkedRadio = $ui.radiogroup2.findViewById(checkedId);
    // 获取勾选的位置
    let i = $ui.radiogroup2.indexOfChild(checkedRadio);
    toastLog(
      "当前勾选的单选框的文本: " +
        checkedRadio.getText().toString() +
        ", 位置: " +
        i
    );
  }
});

clearCheck()

清空单选框组合的各单选框选项的勾选状态。也即让单选框组合重置为未勾选状态。

"ui";

$ui.layout(
  <vertical padding="16">
    <checkbox id="cb1" text="复选框" />
    <radiogroup id="radiogroup1">
      <radio id="radio1" text="单选框1" />
      <radio id="radio2" text="单选框2" />
      <radio id="radio3" text="单选框3" />
    </radiogroup>
    <button id="clear" text="清空选择" />
  </vertical>
);

$ui.clear.on("click", () => {
  // 清空单选框选择
  $ui.radiogroup1.clearCheck();
  // 设置复选框为不勾选
  $ui.cb1.attr("checked", "false");
});

开关控件: Switch

参见 Android Switchopen in new window。

开关控件用于表示一个选项是否被启用。

text

Switch 控件的文本，显示在框后面。实际上 Switch 控件也继承于textopen in new window和buttonopen in new window控件，它们的属性也可以用在 Switch 上，比如textSize, textStyle。

checked

设置 Switch 开关的开启状态，当checked="true"时为开启。

enabled

设置 Switch 开关是否是启用的，若enabled="false"则为禁用状态，显示未灰色，无法交互。

isChecked()

返回 {boolean}

返回 Switch 控件是否是开启状态。比如$ui.switch1.isChecked()。

事件: `check`

checked {boolean} 是否被勾选
view {View} 当前事件的 View

当用户勾选/取消勾选选项框时会触发该事件。

"ui";

ui.layout(
  <vertical padding="16">
    <Switch id="sw" text="单选框1" />
  </vertical>
);

// 监听的选中
$ui.sw.on("check", (checked) => {
  if (checked) {
    toastLog("switch被打开了");
  } else {
    toastLog("switch被关闭了");
  }
});

进度条控件:

参见 Android ProgressBaropen in new window。

progressbar 即进度条控件，显示某种操作的进度及百分比。通过修改进度条控件的参数可以修改进度条的呈现形式，默认为无限圆形进度条。

indeterminate

{boolean}
是否为无限进度条，默认为true。可选的值为：
true 显示无限进度条
false 显示有限进度条

progress

{number}

进度条的进度，为一个整数，默认范围是 0~100。

min

{number}

进度条的最小进度，默认为 0。

max

{number}

进度条的最大进度，默认为 100。

progressDrawable

{string}

定义用于在 progress 模式下绘制进度条的 drawable。

progressBackgroundTint

{string}

对 progress 的背景应用颜色。不修改当前的着色模式。

progressBackgroundTintMode

"add" | "multiply" | "screen" | "src_atop" | "src_in" | "src_over"

将 progressBackgroundTint 指定的色调应用到进度背景的混合模式。

progressTint

{string}

将颜色应用于整个可绘制的进度。不修改当前的着色模式。

progressTintMode

"add" | "multiply" | "screen" | "src_atop" | "src_in" | "src_over"

将 progressTint 指定的色调应用到进度背景的混合模式。

secondaryProgress

{number}

设置次要进度的值。如果进度条处于 indeterminate（无限进度条）模式，则不执行任何操作。

secondaryProgressTint

{string}

对 secondaryProgress 应用色调（如果存在）。不修改当前的着色模式。

secondaryProgressTintMode

"add" | "multiply" | "screen" | "src_atop" | "src_in" | "src_over"

将 secondaryProgressTint 指定的色调应用到辅助进度指示器的混合模式。

style

{string}

设置进度条的宽度、布局样式。可选的值有：

@style/Base.Widget.AppCompat.ProgressBar.Horizontal 水平直线进度条
@style/Base.Widget.AppCompat.ProgressBar 圆形进度条

拖动条控件: seekbar

参见 Android SeekBaropen in new window。

可调节进度条，类似于 progressbar，但用户可以拖动控件来调节进度条。

seekbar 继承自 progressbar，因此 progressbar 的属性它都能使用。

通过方法setOnSeekBarChangeListeneropen in new window可监听 seekbar 的拖动进度，通过[getProgress(https://developer.android.google.cn/reference/android/widget/ProgressBar#getProgress()open in new window)]方法可随时获得 seekbar 的当前进度。

"ui";

$ui.layout(
  <vertical>
    <seekbar id="seekbar" max="200" />
    <button id="ok" text="确定" />
  </vertical>
);

$ui.ok.on("click", () => {
  toastLog("进度条当前进度:", $ui.seekbar.getProgress());
});
$ui.seekbar.setOnSeekBarChangeListener({
  onProgressChanged: (seekbar, progress, fromUser) => {
    consoloe.log("进度: ", progress);
  },
});

下拉菜单控件: spinner

参见 Android Spinneropen in new window。

点击下拉箭头，可弹出多个选项供用户选择。

spinnerMode

{string}

下拉菜单的呈现模式。默认为 dropdown 下拉菜单形式。

dialog 使用对话框模式菜单来选择 spinner 选项。
dropdown使用下拉模式菜单来选择 spinner 选项。

dropDownHorizontalOffset

{string}

为 spinner 的选择弹出窗口设置水平偏移。仅在 spinnerMode=dropdown时有效。

dropDownVerticalOffset

{string}

为 spinner 的选择弹出窗口设置垂直偏移。仅在 spinnerMode=dropdown时有效。

dropDownWidth

{string}

设置 spinner 的选择弹出窗口的宽度。仅在 spinnerMode=dropdown时有效。

popupBackground

{string}

为 spinner 的选择弹出窗口设置背景。仅在 spinnerMode=dropdown时有效。

prompt

{string}

设置显示对话框时显示的提示。

textStyle

{string}

设置 spinner 当前被选择的项目文本的样式，例如bold(加粗), italic(斜体)等。

textColor

{string}

设置 spinner 当前被选择的项目文本的颜色，例如bold(加粗), italic(斜体)等。

entries

{string}

下拉菜单的选项具体内容。若有多个选项，可使用|隔开，例如 entries="选项 1|选项 2|选项 3"。在代码中也可动态修改，比如$ui.spinner.attr('entries', '选项A|选项B|选项C|选项D')。

entryTextStyle

{string}

下拉菜单的选项具体内容的文本样式。

entryTextColor

{string}

下拉菜单的选项具体内容的文本颜色。

entryTextSize

{string}

下拉菜单的选项具体内容的字体尺寸大小。

时间选择控件: timePicker

参见 Android TimePickeropen in new window。

用户可以选择 24 小时内的任意时间，呈现内容为上午/下午 XX（时）：XX（分）。

timePickerMode

{string}

时间选择界面的呈现模式。若用户在 timePicker 控件中未指定 timePickerMode，则默认使用时钟样式clock时间选择。

spinner 滑动样式时间选择模式。
clock 时钟样式。

日期选择控件: datePicker

参见 Android DatePickeropen in new window。

用户可以选择日期，呈现内容为"MM/dd/yyyy"，日历样式日期选择模式还可呈现该日期的星期，如周二。

datePickerMode

{string}

日期选择界面的呈现模式。若用户在 datePicker 控件中未指定 datePickerMode，则默认使用日历样式calendar时间选择。

spinner 滑动样式日期选择模式。
calendar 日历样式选择模式。

spinnersShown

{boolean}

设置是否显示 spinner 滑动样式日期选择模式。

calendarViewShown

{boolean}

设置是否显示日历样式。

firstDayOfWeek

{number}

设置一周的第一天。范围为 1_{7，分别代表周日}周六。默认为 1，也即周日。

maxDate

{string}

设置此 datePicker 支持的最大日期，格式为yyyy/MM/dd。

minDate

{string}

设置此 datePicker 支持的最小日期，格式为yyyy/MM/dd。

浮动按钮控件: fab

浮动按钮是 UI 界面上的一个浮动的图标，它的颜色、图标、位置在 UI 界面中有着明显的区别，通常是为了突出一个重要的功能点，引导用户点击来执行重要/频繁的操作。

src

指定浮动按钮的图标，其格式与图片控件属性srcopen in new window一致，比如@drawable/ic_add_black_48dp，https://图片网址等。

以下是一个放在右下角的浮动按钮的例子：

"ui";

ui.layout(
  <frame>
    <fab
      id="add"
      w="auto"
      h="auto"
      src="@drawable/ic_add_black_48dp"
      margin="16"
      layout_gravity="bottom|right"
      tint="#ffffff"
    />
  </frame>
);

ui.add.on("click", () => {
  toastLog("浮动按钮被点击了");
});

应用程序中使用的标题栏。

logo

为标题栏设置一个可绘制的 logo。

logoDescription

为标题栏设置 logo 的描述。

navigationIcon

为标题栏设置导航按钮的内容描述（如果存在）。内容描述将通过屏幕阅读器或其他辅助系统阅读，以解释导航按钮的操作。

popupTheme

指定标题栏弹出菜单时使用的主题。默认情况下，使用与标题栏本身相同的主题。

title

设置此标题栏的标题。标题应该用作内容部分的锚点。它应该描述或命名正在查看的内容。

titleTextColor

设置此标题栏的标题的文本颜色。

titleMargin

设置标题边距。

titleMarginBottom

设置底部标题边距。

titleMarginTop

设置顶部标题边距。

titleMarginStart

设置起始标题边距。

titleMarginEnd

设置结束标题边距。

subtitle

设置此标题栏的副标题。

subtitleTextColor

设置此标题栏的副标题的文本颜色。

卡片: card

卡片控件是一个拥有圆角、阴影的控件。

cardBackgroundColor

卡片的背景颜色。比如 cardBackgroundColor="#ffffff"。

cardCornerRadius

卡片的圆角半径。

cardElevation

设置卡片在 z 轴上的高度，来控制阴影的大小。

contentPadding

设置卡片的内边距。该属性包括四个值：

contentPaddingLeft 左内边距
contentPaddingRight 右内边距
contentPaddingTop 上内边距
contentPaddingBottom 下内边距

foreground

使用foreground="?selectableItemBackground"属性可以为卡片添加点击效果。

抽屉布局: drawer

列表: list

参见 Android RecyclerViewopen in new window。

事件: item_click

当用户点击一个 List 中的项时会触发该事件。

"ui";
$ui.layout(
  <frame>
    <list id="list">
      <vertical>
        <text
          id="name"
          textSize="16sp"
          textColor="#000000"
          text="姓名: {{name}}"
        />
        <text
          id="age"
          textSize="16sp"
          textColor="#000000"
          text="年龄: {{age}}岁"
        />
      </vertical>
    </list>
  </frame>
);
var items = [
  {
    name: "小明",
    age: 18,
  },
  {
    name: "小红",
    age: 30,
  },
];
$ui.list.setDataSource(items);
$ui.list.on("item_click", function (item, i, itemView, listView) {
  toast("被点击的人名字为: " + item.name + "，年龄为: " + item.age);
});

事件: item_click

item {any} 被点击的列表项的数据
i {number} 被点击的列表项的位置
itemView {View} 被点击的列表项的 View
listView {View} 当前列表控件

当用户点击一个 List 中的项时会触发该事件。

"ui";
$ui.layout(
  <frame>
    <list id="list">
      <vertical>
        <text
          id="name"
          textSize="16sp"
          textColor="#000000"
          text="姓名: {{name}}"
        />
        <text
          id="age"
          textSize="16sp"
          textColor="#000000"
          text="年龄: {{age}}岁"
        />
      </vertical>
    </list>
  </frame>
);
var items = [
  {
    name: "小明",
    age: 18,
  },
  {
    name: "小红",
    age: 30,
  },
];
$ui.list.setDataSource(items);
$ui.list.on("item_click", function (item, i, itemView, listView) {
  toast("被点击的人名字为: " + item.name + "，年龄为: " + item.age);
});

事件: item_long_click

event {object} 事件，字段有：
- consumed {boolean} 设置此事件是否被消费
- view {View} 此事件对应的 View
item {any} 被点击的列表项的数据
i {number} 被点击的列表项的位置
itemView {View} 被点击的列表项的 View
listView {View} 当前列表控件

当用户长按一个 List 中的项时会触发该事件。

事件: item_bind

itemView {View} 当前列表项的 View
itemHolder {object} 当前列表项的管理对象，可动态获取列表项的位置和数据。
- item {any} 获取列表项的数据
- position {number} 获取列表项的位置

当列表创建一个新的列表项的 View 时触发该事件。实际上列表控件不会为列表控件的每个项目创建一个单独的 View，假设列表为 2000 个，屏幕最多显示 10 个，那么列表控件只会创建 10 个左右的 View。

这个事件通常用于对列表项的 View 设置事件回调，比如：

"ui";
$ui.layout(
  <frame>
    <list id="list">
      <vertical>
        <text
          id="name"
          textSize="16sp"
          textColor="#000000"
          text="姓名: {{this.name}}"
        />
        <checkbox id="checkbox" checked="{{this.checked}}" />
      </vertical>
    </list>
  </frame>
);
var items = [
  {
    name: "小明",
    checked: false,
  },
  {
    name: "小红",
    checked: false,
  },
];
$ui.list.setDataSource(items);

$ui.list.on("item_bind", function (itemView, itemHolder) {
  itemView.checkbox.on("check", function (checked) {
    let item = itemHolder.item;
    item.checked = checked;
    console.log(item);
  });
});

事件: item_data_bind

itemView {View} 当前列表项的 View
itemHolder {object} 当前列表项的管理对象，可获取列表项的位置和数据。
- item {any} 获取列表项的数据
- position {number} 获取列表项的位置

当列表将一个列表项的数据绑定到列表项的 View 时触发该事件。

"ui";
$ui.layout(
  <frame>
    <list id="list">
      <vertical>
        <text
          id="name"
          textSize="16sp"
          textColor="#000000"
          text="姓名: {{this.name}}"
        />
        <checkbox id="checkbox" checked="{{this.checked}}" />
      </vertical>
    </list>
  </frame>
);
var items = [
  {
    name: "小明",
    checked: false,
  },
  {
    name: "小红",
    checked: false,
  },
];
$ui.list.setDataSource(items);

$ui.list.on("item_data_bind", function (itemView, itemHolder) {
  let item = itemHolder.item;
  itemView.name.setTextColor(item.checked ? $colors.RED : $colors.BLACK);
});

$ui.list.on("item_bind", function (itemView, itemHolder) {
  itemView.checkbox.on("check", function (checked) {
    let item = itemHolder.item;
    item.checked = checked;
    $ui.list.getAdapter().notifyItemChanged(itemHolder.position);
  });
});

选项卡: tab

参见 Android TabLayoutopen in new window。

选项卡布局。

tabGravity

设置布局选项卡时使用的 gravity 重力。可以参考博客tabMode 和 tabGravity 配合使用效果对比open in new window。

tabIndicatorColor

为当前选定的选项卡设置选项卡指示器的颜色。

tabIndicatorHeight

为当前选定的选项卡设置选项卡指示器的高度。

tabMode

设置此布局中选项卡的行为模式。包括：

fixed 固定选项卡同时显示所有选项卡，最适合与受益于选项卡之间快速旋转的内容一起使用。
scrollable 可滚动选项卡在任何给定时刻显示选项卡的子集，并且可以包含更长的选项卡标签和更多的选项卡。当用户不需要直接比较选项卡标签时，它们最适合用于浏览触摸界面中的上下文。

tabTextColor

设置用于选项卡的正常状态的文本颜色。

tabSelectedTextColor

设置用于选项卡的选定状态的文本颜色。

控制台: console

控制台控件可以在 UI 界面显示日志，类似于 Auto.js 内置的控制台界面。

此控制台控件仅显示当前脚本的日志，若要显示全部脚本的日志，请使用全局控制台open in new window。

"ui";

$ui.layout(
  <vertical>
    <appbar>
      <toolbar id="toolbar" title="UI中显示控制台" />
    </appbar>
    <console id="console" w="*" h="*" />
  </vertical>
);

// 设置控制台
$ui.console.setConsole(runtime.console);
// 设置输入框颜色
$ui.console.input.setTextColor(colors.BLACK);
// 隐藏输入框
$ui.console.setInputEnabled(false);
// 自定义日志颜色
$ui.console.setColor("V", "#bdbdbd");
$ui.console.setColor("D", "#795548");
$ui.console.setColor("I", "#1de9b6");
$ui.console.setColor("W", "#673ab7");
$ui.console.setColor("E", "#b71c1c");
// 自定义日志字体大小，单位sp
$ui.console.setTextSize(16);

在原生模式下，此控件的类名为com.stardust.autojs.core.console.ConsoleView。

console.setConsole(con)

con {Console} 控制台对象

绑定控制台对象。设置后控制台控件才能显示控制台的日志。例如$ui.console.setConsole(runtime.console)。

ui.console.setInputEnabled(enabled)

enabled {boolean}

设置控制台输入框是否启用。

console.getInput()

获取控制台的输入框控件。

console.setColor(level，color)

level {string} 日志等级，可以为V，D，I，W，E，A等级别
color {number} | {string} 日志颜色

设置日志的颜色。

console.setTextSize(size)

设置控制台的日志字体大小，单位为 sp。

全局控制台: globalconsole

全局控制台控件是一个读取日志文件并显示的控件，通常用来显示全局日志。

在原生模式下，此控件的类名为com.stardust.autojs.core.console.FileConsoleView。

"ui";

$ui.layout(
  <vertical>
    <appbar>
      <toolbar id="toolbar" title="UI中显示控制台" />
    </appbar>
    <globalconsole id="globalconsole" w="*" h="*" />
  </vertical>
);

$ui.globalconsole.setColor("D", "#000000");

globalconsole.setColor(level，color)

level {string} 日志等级，可以为V，D，I，W，E，A等级别
color {number} | {string} 日志颜色

设置日志的颜色。

globalconsole.setLogFile(file)

file {string} 日志文件路径

设置日志文件的路径。若不设置，则为默认日志文件。

globalconsole.clear()

清空控件的日志内容。此操作不会清空日志文件。

若要清空日志文件的内容，请删除日志文件后再调用clear函数。

其他布局与控件

# 复选框控件: checkbox

# text

# checked

# enabled

# isChecked()

# 事件: check

# 单选框控件: radio

# text

# checked

# enabled

# isChecked()

# 事件: check

# 单选框组合: radiogroup

# checkedButton

# setOnCheckedChangeListener(listener)

# getCheckedRadioButtonId()

# clearCheck()

# 开关控件: Switch

# text

# checked

# enabled

# isChecked()

# 事件: check

# 进度条控件:

# indeterminate

# progress

# min

# max

# progressDrawable

# progressBackgroundTint

# progressBackgroundTintMode

# progressTint

# progressTintMode

# secondaryProgress

# secondaryProgressTint

# secondaryProgressTintMode

# style

# 拖动条控件: seekbar

# 下拉菜单控件: spinner

# spinnerMode

# dropDownHorizontalOffset

# dropDownVerticalOffset

# dropDownWidth

# popupBackground

# prompt

# textStyle

# textColor

# textSize

# entries

# entryTextStyle

# entryTextColor

# entryTextSize

# 时间选择控件: timePicker

# timePickerMode

# 日期选择控件: datePicker

# datePickerMode

# spinnersShown

# calendarViewShown

# firstDayOfWeek

# maxDate

# minDate

# 浮动按钮控件: fab

# src

# 标题栏控件: toolbar

# logo

# logoDescription

# navigationIcon

# popupTheme

# title

# titleTextColor

# titleMargin

# titleMarginBottom

# titleMarginTop

# titleMarginStart

# titleMarginEnd

# subtitle

# subtitleTextColor

# 卡片: card

# cardBackgroundColor

复选框控件: checkbox

text

checked

enabled

isChecked()

事件: `check`

单选框控件: radio

text

checked

enabled

isChecked()

事件: `check`

单选框组合: radiogroup

checkedButton

setOnCheckedChangeListener(listener)

getCheckedRadioButtonId()

clearCheck()

开关控件: Switch

text

checked

enabled

isChecked()

事件: `check`

进度条控件:

indeterminate

progress

min

max

progressDrawable

progressBackgroundTint

progressBackgroundTintMode

progressTint

progressTintMode

secondaryProgress

secondaryProgressTint

secondaryProgressTintMode

style

拖动条控件: seekbar

下拉菜单控件: spinner

spinnerMode

dropDownHorizontalOffset

dropDownVerticalOffset

dropDownWidth

popupBackground

prompt

textStyle

textColor

textSize

entries

entryTextStyle

entryTextColor

entryTextSize

时间选择控件: timePicker

timePickerMode

日期选择控件: datePicker

datePickerMode

spinnersShown

calendarViewShown

firstDayOfWeek

maxDate

minDate

浮动按钮控件: fab

src

标题栏控件: toolbar

logo

logoDescription

navigationIcon

popupTheme

title

titleTextColor

titleMargin

titleMarginBottom

titleMarginTop

titleMarginStart

titleMarginEnd

subtitle

subtitleTextColor

卡片: card

cardBackgroundColor

cardCornerRadius