组合控件 圆环 ring

使用

可以设置内部填充样式及大小

可以设置边框颜色及宽度
这里只是介绍了其中一种实现方式，其实这种类型的东西完全可以用自定义View去实现，他就是一个空中的大圆+一个空中或实心的小圆，实现起来也是非常容易的。





public class MainActivity extends Activity {

    private MyRingView[] views = new MyRingView[4];

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        views[0] = (MyRingView) findViewById(R.id.item1);
        views[1] = (MyRingView) findViewById(R.id.item2);
        views[2] = (MyRingView) findViewById(R.id.item3);
        views[3] = (MyRingView) findViewById(R.id.item4);

        views[0].setStyle(0xff666666, false);
        views[1].setStyle(0xff00b0ff, true);
        views[2].setStyle(0xffffa726, false);
        views[3].setStyle(0xffff1744, true);
    }
}



<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff"
    android:orientation="horizontal"
    android:padding="5dp" >

    <com.bqt.shape53.MyRingView
        android:id="@+id/item1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="40dp" />

    <com.bqt.shape53.MyRingView
        android:id="@+id/item2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="40dp" />

    <com.bqt.shape53.MyRingView
        android:id="@+id/item3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="40dp" />

    <com.bqt.shape53.MyRingView
        android:id="@+id/item4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="40dp" />

</LinearLayout>

View

public class MyRingView extends RelativeLayout {
    private Context mContext;
    private ImageView iv_circle;
    private ImageView iv_solid;

    public MyRingView(Context context) {
        super(context);
        initView(context);
    }

    public MyRingView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context);
    }

    public MyRingView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initView(context);
    }

    private void initView(Context context) {
        mContext = context;
        inflate(mContext, R.layout.view, this);
        iv_circle = (ImageView) findViewById(R.id.iv_circle);
        iv_solid = (ImageView) findViewById(R.id.iv_solid);
    }

    /**
     * @param color 颜色
     * @param isSolid  内部是否填充
     */
    public void setStyle(int color, boolean isSolid) {
        ((GradientDrawable) iv_circle.getBackground()).setStroke(2, color);//圆环的颜色
        if (isSolid) {
            ((GradientDrawable) iv_solid.getBackground()).setColor(color);//指定内部圆的背景色
            ((GradientDrawable) iv_solid.getBackground()).setStroke(0, color);//内部圆无描边，必须显示设为0
        } else {
            ((GradientDrawable) iv_solid.getBackground()).setColor(0xffffffff);//内部圆的背景是白色的
            ((GradientDrawable) iv_solid.getBackground()).setStroke(2, color);//内部圆有描边
        }
    }

}

View资源

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/iv_circle"
        android:layout_width="15dp"
        android:layout_height="15dp"
        android:layout_centerInParent="true"
        android:background="@drawable/ring"
        android:src="#0000" />

    <ImageView
        android:id="@+id/iv_solid"
        android:layout_width="10dp"
        android:layout_height="10dp"
        android:layout_centerInParent="true"
        android:background="@drawable/solid"
        android:src="#0000" />

</RelativeLayout>



<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="4.5dp"
    android:shape="ring"
    android:thickness="2dp"
    android:useLevel="false" >

    <solid android:color="#fff" />

    <stroke
        android:width="0.5dp"
        android:color="#ffa726" />


</shape>




<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >

    <solid android:color="#00f" />


</shape>

来自为知笔记(Wiz)