组件与原生类对照表
界面框架中有很多标签,例如<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+标签名
的形式来命名的, 但是不同的是内部封装的原生组件不同,下面是对照表:
组件 | 原生类 |
---|---|
appbar | MaterialToolbar |
appbar-layout | AppBarLayout |
btm-appbar | BottomAppBar |
button | MaterialButton |
button-group | MaterialButtonToggleGroup |
check | MaterialCheckBox |
drop | TextInputLayout |
edit | AppCompatEditText |
fab | FloatingActionButton |
hr | MaterialDivider |
img | ShapeableImageView |
input | TextInputLayout |
pager | ViewPager2 |
progress | BaseProgressIndicator |
radio | MaterialRadioButton |
radio-group | RadioGroup |
range | RangeSlider |
recycle | RecyclerView |
slider | Slider |
statusbar | MaterialTextView |
switch | MaterialSwitch |
tab | TabLayout |
webview | WebView |