当前位置: 首页 > 科技观察

HarmonyOSAPP组件分享(二)

时间:2023-03-14 12:21:07 科技观察

更多内容请访问:HarmonyOSAPP技术社区https://harmonyos.51cto.comButton组件介绍及应用经验分享Button组件是常用的交互类组件之一,本小节会讲到Button组件的使用,根据按钮的形状,按钮可以分为:普通按钮、椭圆按钮、胶囊按钮、圆形按钮等各种样式图显示效果:代码如下如下:布局代码在:切片中的代码:packagecom.example.jltftiyan.slice;importcom.example.jltftiyan.ResourceTable;importohos.aafwk.ability.AbilitySlice;importohos.aafwk.content.Intent;importohos.agp.components.Button;publicclassMainAbilitySliceextendsAbilitySlice{@OverridepublicvoidonStart(Intentintent){super.onStart(intent);super.setUIContent(ResourceTable_Bumain_Layout)(按钮)findComponentById(ResourceTable.Id_jltfbtn);button.setClickedListener(l->{//改变Button组件的内容button.setText("我被点击了~");});}@OverridepublicvoidonActive(){super.onActive();}@OverridepublicvoidonForeground(Intentintent){super.onForeground(intent);}}图形目录下xml文件的代码示例如下:jltfcolor_blue_element.xmljltfoval_button_element.xmljltfcapsule_button_element.xml/形状>jltfcircle_button_element.xmlStackLayout布局实践与分享StackLayout直接在屏幕上开辟了一个空白区域,添加到这个布局中的views是层叠显示的,它会把这些views默认放置在该区域的左上角,第一个添加到布局中视图显示在底层,最后一个放在该层顶部的视图将覆盖下一层的视图。可以通过修改宽高设置来控制位置的变换,更多新内容后续会呈现。这是一个简单的案例。代码如下:更多内容请访问:鸿蒙科技与华为官方共建社区https://harmonyos.51cto.com