AIGameAIGame
首页
API文档
UI框架
API实例
UI实例
下载软件
首页
API文档
UI框架
API实例
UI实例
下载软件
  • UI文档

    • 界面框架
      • 01.必备基础
      • 02.公共方法
      • 03.公共属性
      • 04.原生交互
      • 05.组件与原生类对照表
    • appbar - 标题栏
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • btm-appbar - 底部标题栏
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • button - 按钮
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • button-group - 按钮组
      • 01.详细属性
      • 02.详细方法
      • 03.经典案例
    • check - 多选框
      • 01.详细属性
      • 02.详细方法
      • 03.经典案例
    • fab - 悬浮按钮
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • hr - 分割线
    • img - 图片(图标)
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • radio - 单选按钮
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • radio-group - 单选按钮组
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • slider - 拖拽条
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • switch - 开关
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • statusbar - 状态栏
      • 01.基础用法
      • 02.详细属性
    • progress - 进度条
      • 01.详细属性
      • 02.详细方法
    • text - 文本
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • 专题

      • gravity 重力专题
      • margin 外边距专题
      • padding 内边距专题
    • 布局

      • linear 线性布局
      • drawer 抽屉布局
      • coordinator 协调布局
      • appbarLayout 工具条布局

组件与原生类对照表

界面框架中有很多标签,例如<button>标签其实它的类名是 XButton类,这个类继承自View类 并且内部封装了MaterialButton类与对象, 因此,我们通过ui.id("mBut")方法获得的类型其实是XButton类的实例, 然而当我我们获得了XButton类的实例之后, 就可以调用getView()方法获得原生组件MaterialButton类的实例。

//获得XButton对象
let mButton = ui.id("mBut");
//获得原生组件MaterialButton对象
let materialButton = mButton.getView();//MaterialButton

其实在界面框架中,所有的标签都是继承自View类的, 并且类名都是X+标签名的形式来命名的, 但是不同的是内部封装的原生组件不同,下面是对照表:

组件原生类
appbarMaterialToolbar
appbar-layoutAppBarLayout
btm-appbarBottomAppBar
buttonMaterialButton
button-groupMaterialButtonToggleGroup
checkMaterialCheckBox
dropTextInputLayout
editAppCompatEditText
fabFloatingActionButton
hrMaterialDivider
imgShapeableImageView
inputTextInputLayout
pagerViewPager2
progressBaseProgressIndicator
radioMaterialRadioButton
radio-groupRadioGroup
rangeRangeSlider
recycleRecyclerView
sliderSlider
statusbarMaterialTextView
switchMaterialSwitch
tabTabLayout
webviewWebView
最近更新:: 2025/5/17 18:32
Contributors: Talent
Prev
04.原生交互