更多内容请访问：HarmonyOS技术社区https://harmonyos.51cto.com，与华为官方共同打造1）】我们学习了常用的UI布局和一些基本属性鸿蒙。除了UI布局，组件也是一个界面非常重要的组成部分。HarmonyOS常用的UI组件分为显示类和交互类。显示类负责文字和图片显示，交互类负责交互响应功能。组件的具体使用场景需要根据业务需求来选择。在今天的文章中，我将与大家分享常用组件的使用场景和特点。常用组件根据组件的功能，组件可分为显示类和交互类：1.TextText是用于显示字符串的组件，在界面上显示为文本区域。在布局目录下的xml文件中创建Text。可以根据不同的需要给Text添加各种属性值。常用的背景，比如常用的文字背景、按钮背景，可以以XML格式放在图文目录下。如：创建“background_text.xml”，在“background_text.xml”中定义文字的背景。2.ImageImage是用来显示图片的组件。2.1创建Image在src->main->resources->base->media中，在media文件夹中添加一张图片，可以用XML或代码创建Image。Imageimage=newImage(getContext());image.setPixelMap(ResourceTable.Media_plant);2.2ScaleImageohos:image_src="$media:plant"//设置缩放模式ohos:scale_mode="zoom_center"//设置比例因子ohos:scale_x="0.5"ohos:scale_y="0.5"2.3裁剪图像当图像尺寸小于图像尺寸时，可以裁剪图像。还是以图片的宽高为200vp为例，小于图片尺寸。以左对齐裁剪为例，设置clip_alignment="256"。3、ProgressBarProgressBar用于显示内容或操作的进度。如上图所示，进度条的显示效果如下：4.ButtonButton是一个普通组件，可以点击触发相应的操作。它通常由文本或图标组成，也可以由图标和文本组成。4.1背景样式可以在上面的布局xml文件中设置。按钮字体大小、文字内容、文字格式、背景等。其中背景可以在图形文件夹下自定义需要的背景样式。例如：background_button.xml;ohos:background_element="Copy$graphic:oval_button_element"通过自定义graphic文件夹下的Button样式文件，可以自定义不同类型的Button。按Button的形状，按钮可分为：普通型、椭圆型、胶囊型、圆形等。4.2点击事件当用户点击Button时，Button对象会收到一个点击事件，然后自定义响应点击事件的方法。例如：通过创建一个Component.ClickedListener对象，然后通过调用setClickedListener将其赋值给按钮，然后在接收到点击事件后，执行相应的操作来响应该事件。Buttonbutton=(Button)findComponentById(ResourceTable.Id_button);//设置按钮的点击事件回调button.setClickedListener(newComponent.ClickedListener(){publicvoidonClick(Componentv){//这里添加点击按钮后的事件处理逻辑}});5。PickerPicker提供了一个滑动选择器，允许用户从预定义的范围中进行选择。常见的Pickers有DatePicker（选择日期）和TimePicker（选择时间）。根据xml布局配置file需要的Picker类型，显示效果如下：PickerDatePickerTimePicker6.SwitchSwitch是一个组件，用于切换单个设置的开/关状态。开关相当于双相开关。单击开关时，它会切换。效果如下：7.RadioButtonRadioButton是一个用于一对一选择的组件。需要和RadioContainer一起使用才能达到单选效果。RadioContainer是RadioButton的容器，其封装下的RadioButton保证只有一个选项。选中状态未选中状态上面两张图是RadioButton选中与未选中对比状态。8、CheckboxCheckbox可以实现勾选和取消勾选的功能。在xml布局文件中创建一个Checkbox组件，显示效果如下：9、TextFieldTextField为文本输入框。代码中，我们还可以为文本输入框设置响应事件。textField.setFocusChangedListener(((component,isFocused)->{if(isFocused){//获得焦点...}else{//失去焦点...}}））;10.ToastDialogToastDialog在窗口上方弹出Dialogs是通知动作的简单反馈。ToastDialog会在一段时间后消失，在此期间用户还可以操作当前窗口的其他组件。在代码中创建ToastDialog。自定义布局资源文件Layout_layout_toast.xml内容如下：11.ScrollViewScrollView是一个具有滚动功能的组件，利用滑动的方式在有限的区域内显示更多的内容。12.ListContainerListContainer用于呈现连续的、多行数据的组成部分，其中包含一系列相同类型的列表项。首先需要在layout目录下的xml布局文件中创建一个ListContainer。然后在layout目录下新建一个xml文件（eg：item_listContainer.xml）作为ListContainer的子布局。ListContainer每一行可以是不同的数据，所以需要适配不同的数据结构，使其可以添加到ListContainer。创建ListcontainerItemProvider.java，继承自RecycleItemProvider。设置ListContainer的样式看效果：13.PageSliderPageSlider是一个交互类组件。main_pageSlider.xmlpageSlider1.xmlpageSlider2.xml然后开始看看程序中的控制效果：更多内容请访问：与华为官方共建鸿蒙科技社区https://harmonyos.51cto.com
