码迷,mamicode.com
首页 > 其他好文 > 详细

自定义组合控件 圆环 ring

时间:2016-05-04 22:59:03      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:


说明
可以设置内部填充或不填充
可以社会中边框颜色
技术分享

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.viewthis);
        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);//内部圆有描边
        }
    }
}

<?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>

使用
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>





自定义组合控件 圆环 ring

标签:

原文地址:http://www.cnblogs.com/baiqiantao/p/5459802.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!