自定义组件（1）

时间：2022-12-12 17:07:23

做一个圆角*Button组件，点击Button背景变亮*

1.在res/drawable/login.xml自定义背景选择器
2.在res/layout/point.xml创建一个Button组件

//drawable/login.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape >
<corners android:radius="50dp"/>
<solid android:color="#00A5A5" />
</shape>
</item>
<item android:state_pressed="false">
<shape>
<corners android:radius="50dp"/>
<solid android:color="#336699" />
</shape>
</item>
</selector>
//point.xml
    <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:padding="10dp"
        android:text="登录"
        android:gravity="center"
        android:background="@drawable/login"
        android:textColor="@android:color/white"
        android:textSize="18sp"/>

做一个滑动界面下的三个点

1.在res/drawable/point.xml自定义圆形背景选择器
2.在res/layout/point.xml创建三个View
3.在MainActivity中设置定时器，循环设置改变状态

//在drawable/point.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_selected="true">
<shape android:shape="oval">
<solid android:color="#fff"/>
</shape>
</item>
<item android:state_selected="false">
<shape android:shape="oval">
<solid android:color="#6ccc"/>
</shape>
</item>
</selector>
//在layout/point.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/ll"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="horizontal"
android:background="@android:color/black" >
<View
 android:layout_width="20dp"
android:layout_height="20dp"
android:layout_margin="10dp"
android:background="@drawable/point" />
<View
 android:layout_width="20dp"
android:layout_height="20dp"
android:layout_margin="10dp"
android:background="@drawable/point" />
<View
 android:layout_width="20dp"
android:layout_height="20dp"
android:layout_margin="10dp"
android:background="@drawable/point" />
</LinearLayout>
在MainActivity中
LinearLayout ll;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ll = (LinearLayout) findViewById(R.id.ll);
    ll.getChildAt(0).setSelected(true);
new Timer().schedule(new TimerTask() {
int index = 0;
@Override
// 子线程不允许修改UI
public void run() {
            runOnUiThread(new Runnable() {
@Override
public void run() {
                    ll.getChildAt(index % 3).setSelected(false);
                    index++;
                    ll.getChildAt(index % 3).setSelected(true);
                }
            });
        }
    }, 1000, 100);
}

做一个圆角RadioButton，默认背景色是浅蓝色，字体颜色是黑色，选中之后背景色是黑色，字体颜色是白色

1.在res/color/one_of_two.xml自定义字体颜色选择器
2.在res/drawable/button_left.xml中自定义左边背景颜色选择器
3.在res/drawable/button_right.xml中自定义右边背景颜色选择器
4.在res/layout/one_of_two中创建两个选择Button
5.在src/MainActivity中默认设置左边Button是被选中状态

1.在res/color/one_of_two.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:color="@android:color/white"/>
<item android:state_checked="false" android:color="#369"/>
</selector>

2.在res/drawable/button_left.xml中

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_checked="true">
<shape >
<corners android:topLeftRadius="50dp"
android:bottomLeftRadius="50dp"/>          
<solid android:color="#383838" />
</shape>
</item>
<item android:state_checked="false">
<shape >
<corners android:topLeftRadius="50dp"
android:bottomLeftRadius="50dp"/>          
<solid android:color="#AEEEEE" />
</shape>
</item>
</selector>

3.在res/drawable/button_right.xml中

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_checked="true">
<shape >
<corners android:topRightRadius="50dp"
android:bottomRightRadius="50dp"/>

<solid android:color="#383838" />
</shape>
</item>
<item android:state_checked="false">
<shape >
<corners android:bottomRightRadius="50dp"
android:topRightRadius="50dp"/>

<solid android:color="#AEEEEE" />
</shape>
</item>

</selector>

4.在res/layout/one_of_two中

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal" >

<RadioGroup
 android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:orientation="horizontal" >

<RadioButton
 android:id="@+id/rb_hot"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button_left"
android:button="@null"
android:paddingBottom="10dp"
android:paddingLeft="50dp"
android:paddingRight="50dp"
android:paddingTop="10dp"
android:text="热门"
android:textColor="@color/one_of_two"
android:textSize="18sp" />

<RadioButton
 android:id="@+id/rb_foc"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button_right"
android:button="@null"
android:paddingBottom="10dp"
android:paddingLeft="50dp"
android:paddingRight="50dp"
android:paddingTop="10dp"
android:text="关注"
android:textColor="@color/one_of_two"
android:textSize="18sp" />
</RadioGroup>

</LinearLayout>

5.在src/MainActivity中

    RadioButton rb_hot;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        rb_hot = (RadioButton) findViewById(R.id.rb_hot);
        rb_hot.setChecked(true);
    }
标签：

相关文章