鸿蒙OS

2023-06-10 13:10| 来源: 网络整理| 查看: 265

给button添加背景图片 1.通过xml进行设置添加一个圆形button2.在后端创建一个button并设置背景3.获取布局中button的背景图片并设置到另一个button中

1.通过xml进行设置添加一个圆形button

通过设置ohos:element_start或者ohos:element_top…参数设置button的背景图片，通过right_padding 以及left_padding…设置相对位置

2.在后端创建一个button并设置背景 MyButton button = new MyButton(component.getContext()); button.setWidth(163); button.setHeight(163); ShapeElement element1 = new ShapeElement(); element1.setRgbColor(new RgbColor(0, 204, 255)); element1.setShape(ShapeElement.OVAL); button.setBackground(element1); button.setPaddingRight(34); button.setPaddingLeft(34); button.setMarginBottom(34); button.setMarginLeft(34); Resource bgResource = null; try { //获取Media文件夹中的图片资源 bgResource = component.getResourceManager().getResource(id);//Media下图片资源Id eg：ResourceTable.Media_icon } catch (IOException | NotExistException e) { e.printStackTrace(); } //根据资源生成PixelMapElement实例 PixelMapElement pixBg = new PixelMapElement(bgResource); button.setAroundElements(pixBg, null, null, null);

在后端设置背景图片时，通过component.getResourceManager().getResource(id)获取图片，再通过setAroundElements设置，其中setAroundElements方法的参数分贝为ohos:element_start，ohos:element_top…具体差异可以自己试一下。

3.获取布局中button的背景图片并设置到另一个button中

上面在后端设置背景时通过setAroundElements以及getResourceManager来设置，获取时也是一样的

//获取button Button bt1 = (Button) component.findComponentById(ResourceTable.Id_button_1); //获取其element StartElement startElement = button.getStartElement(); Button bt2 = new Button(button.getContext()); button.setAroundElements(startElement , null, null, null);

以上就是我在鸿蒙上利用javaUI给button添加背景的方式，欢迎大家参与讨论。

【本文地址】

公司简介

联系我们