带有边界的圆形TextView

Question

在我的android应用程序中，我有一个像这样的圆形背景的textview。正在使用

以下代码。

<TextView 
android:id="@+id/tv4" 
android:layout_width="5dp" 
android:layout_height="5dp" 
android:background="@drawable/circle" 
android:layout_alignParentRight="true" 
android:layout_marginRight="50dp" 
android:layout_centerVertical="true" 

/>

circle.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
<solid android:color="#ff0000" /> 
<corners android:topLeftRadius="60dp" android:topRightRadius="60dp" android:bottomLeftRadius="60dp" android:bottomRightRadius="60dp" /> 
</shape> 

当圆被触摸我希望它有这样一个图像圆形边界。即使鼠标移开，它也应该保持这种状态。如何才能做到这一点 ？

Answer 1

创建要用于不同状态下的可绘制的XML绘制。 https://developer.android.com/guide/topics/resources/drawable-resource.html#StateList 然后将该可绘制设置为背景。

Answer 2

变化circle.xml是一个选择器，它示出了一个可拉伸时被按下的状态下，和另一个用于默认状态（按下）：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="true" android:drawable="@drawable/circle_pressed" /> 
    <item> 
     <shape android:shape="oval"> 
      <solid android:color="#762C54" /> 
     </shape> 
    </item> 
</selector> 

然后创建一个绘制资源circle_pressed.xml：

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item > 
     <shape> 
      <solid android:color="#ff762c54" /> 
      <padding android:bottom="15dp" 
       android:top="15dp" 
       android:left="15dp" 
       android:right="15dp" 
       /> 
     </shape> 
    </item> 
    <item> 
     <shape android:shape="oval"> 
      <stroke android:width="2dp" android:color="#ffffff"/> 
      <size android:height="105dp" android:width="105dp"/> 
     </shape> 
    </item> 
</layer-list> 

这个可绘制的图层是一个在紫色圆圈上放置白色圆环的图层列表。

而且你TextView必须clickable：

<TextView 
    android:id="@+id/tv4" 
    android:clickable="true" 
    android:layout_width="120dp" 
    android:layout_height="120dp" 
    android:background="@drawable/circle" 
    android:layout_alignParentRight="true" 
    android:layout_marginRight="50dp" 
    android:layout_centerVertical="true" />