一、按钮圆角背景
1.在res/drawable文件夹下创建bg_btn资源文件
2.资源文件代码
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 填充色 --> <solid android:color="#03A9F4" /> <!-- 此处宽高设置无效,只是在此用于展示,实际到布局文件设置的width和height有效 --> <size android:width="200dp" android:height="60dp" /> <!-- 圆角半径要小于等于height的一半,大于按照等于一半效果展示--> <corners android:radius="30dp" /> </shape>
3.使用
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <Button android:layout_width="200dp" android:layout_height="60dp" android:background="@drawable/bg_btn" android:text="确定" android:textColor="@color/white" android:textSize="36sp" android:textStyle="bold" /> </LinearLayout>
4.效果图片
二、按钮点击效果
1.在res/drawable文件夹下创建selector_btn_press资源文件
2.资源文件代码
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!--按压状态item--> <item android:state_pressed="true"> <shape> <!-- size用于展示,此处设置不生效 --> <size android:width="200dp" android:height="60dp" /> <!-- 圆角半径 --> <corners android:radius="30dp" /> <!-- 按压背景颜色 --> <solid android:color="#2D6984" /> </shape> </item> <!--正常状态item--> <item android:state_pressed="false"> <shape> <size android:width="200dp" android:height="60dp" /> <corners android:radius="30dp" /> <!-- 正常背景颜色 --> <solid android:color="#03A9F4" /> </shape> </item> </selector>
3.使用
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <Button android:id="@+id/btn_bg" android:layout_width="200dp" android:layout_height="60dp" android:layout_margin="20dp" android:background="@drawable/bg_btn" android:text="确定" android:textColor="@color/white" android:textSize="36sp" android:textStyle="bold" /> <Button android:id="@+id/btn_press_bg" android:layout_width="200dp" android:layout_height="60dp" android:layout_margin="20dp" android:background="@drawable/bg_btn" android:text="取消" android:textColor="@color/white" android:textSize="36sp" android:textStyle="bold" /> </LinearLayout>
4.效果图片
结语:
以上根据自己需要自定义修改,希望对大家有所帮助,别忘了点赞呀!