鸿蒙selector的使用方式

最新推荐文章于 2026-03-09 01:59:30 发布

原创最新推荐文章于 2026-03-09 01:59:30 发布 · 690 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#鸿蒙selector #selector使用 #鸿蒙点击效果 #鸿蒙按钮点击效果 #鸿蒙按钮selector效果

鸿蒙专栏收录该内容

27 篇文章

订阅专栏

本文档介绍了在OHOS系统中，如何通过selector.xml来为按钮（Button）设置不同的状态效果，包括点击前后的颜色变化。虽然官方文档未详细说明，但开发者可以通过ComponentState类中的常量理解控件的不同状态，并在XML布局文件中结合selector实现类似安卓的效果。示例代码展示了如何在XML布局中配置selector，并提供了selector.xml的写法作为参考。

在官网文档中，并没有详细说明按钮点击效果如何使用selector的使用方式等。因为系统还需完善，只能自己慢慢摸索了。
控件焦点状态如下，这个是动态jave代码添加组件状态时使用。

package ohos.agp.components;

public class ComponentState {
    public static final int COMPONENT_STATE_CHECKED = 64; //被选中
    public static final int COMPONENT_STATE_DISABLED = 32;//不可用状态
    public static final int COMPONENT_STATE_EMPTY = 0;//初始状态
    public static final int COMPONENT_STATE_FOCUSED = 2;//获取焦点状态
    public static final int COMPONENT_STATE_HOVERED = 268435456;//光标移动到该控件上
    public static final int COMPONENT_STATE_PRESSED = 16384;//点击或触摸状态
    public static final int COMPONENT_STATE_SELECTED = 4;//控件被选择状态

    public ComponentState() {
        throw new RuntimeException("Stub!");
    }

    public static boolean isStateMatched(int stateFlag, int stateMask) {
        throw new RuntimeException("Stub!");
    }
}

以一个button为例。

<Button
            ohos:id="$+id:btn_start_discovery"
            ohos:height="40vp"
            ohos:width="match_content"
            ohos:background_element="$graphic:btn_blue_selector"
            ohos:layout_alignment="center"
            ohos:margin="10vp"
            ohos:padding="10vp"
            ohos:text="start discovery"
            ohos:text_color="#FFFFFF"
            ohos:text_size="20vp"/>

selector.xml写法

<?xml version="1.0" encoding="UTF-8" ?>
<state-container xmlns:ohos="http://schemas.huawei.com/res/ohos"
       ohos:shape="rectangle">
    <item ohos:element="$color:red" ohos:state="component_state_pressed"/>
    <item ohos:element="$color:gray" ohos:state="component_state_empty"/>
</state-container>

点击前ble扫描按钮颜色
点击后颜色
在这里插入图片描述
跟安卓selector效果差不多，也可以将颜色替换为图片或者其他element元素