Android Studio中如何为引导滑块绘制带边框的圆点？

嗨，这个需求用Drawable来实现比HTML字符靠谱多了，能完美做出你想要的带白边框的透明圆点效果，步骤很简单：

1. 创建两种状态的圆点Drawable #

在你的res/drawable目录下创建两个XML文件，分别对应激活和未激活状态：

未激活状态（dot_inactive.xml）

这个是带白色边框的透明圆点：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <!-- 透明填充色 -->
    <solid android:color="@android:color/transparent" />
    <!-- 白色边框，宽度可以按需调整 -->
    <stroke
        android:width="2dp"
        android:color="@android:color/white" />
    <!-- 圆点的大小，保持宽高一致才是正圆 -->
    <size
        android:width="12dp"
        android:height="12dp" />
</shape>

激活状态（dot_active.xml）

这个是你原来要的实心激活圆点：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <!-- 填充你设置的激活色 -->
    <solid android:color="@color/dot_active" />
    <!-- 和未激活状态保持相同大小，视觉统一 -->
    <size
        android:width="12dp"
        android:height="12dp" />
</shape>

2. 修改Java代码，用Drawable作为背景替代文字 #

不用再依赖HTML的圆点字符了，直接给TextView设置背景即可：

// 创建未激活的圆点
TextView inactiveDot = new TextView(this);
inactiveDot.setBackgroundResource(R.drawable.dot_inactive);
// 设置padding避免圆点被布局挤压，数值按需调整
inactiveDot.setPadding(8, 8, 8, 8);

// 创建激活的圆点
TextView activeDot = new TextView(this);
activeDot.setBackgroundResource(R.drawable.dot_active);
activeDot.setPadding(8, 8, 8, 8);

额外小技巧 #

如果你的引导滑块需要动态切换圆点状态，还可以创建一个StateListDrawable的选择器，让圆点自动根据状态切换样式，这样就不用手动替换背景啦：

比如创建dot_selector.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/dot_active" android:state_selected="true"/>
    <item android:drawable="@drawable/dot_inactive"/>
</selector>

然后使用的时候只需要设置这个选择器为背景，切换状态时调用dotTextView.setSelected(true/false)就可以了～

内容的提问来源于stack exchange，提问作者zara-T