虽然在直播系统源代码中，一边圆角一边直角的按钮效果不常见，但是有时也会用到，我们就来看看直播系统源代码怎么实现吧！

Android中要实现例如以下图的效果：

这个要在真机中才干看出效果！！

switch_button_left_checked.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <!-- 填充的颜色：这里设置背景透明 -->
    <solid android:color="#ff304a" />
    <!-- 边框的颜色 ：不能和窗体背景色一样 -->
    <stroke
        android:width="2dp"
        android:color="#ff304a" />
    <!-- 设置按钮的四个角为弧形 -->
    <!-- android:radius 弧形的半径 -->
    <corners
        android:bottomLeftRadius="5dip"
        android:bottomRightRadius="0dip"
        android:topLeftRadius="5dip"
        android:topRightRadius="0dip" />
    <!-- padding：Button里面的文字与Button边界的间隔 -->
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
</shape>

switch_button_left.xml

<?
xml version="1.0" encoding="utf-8"?
>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <!-- 填充的颜色：这里设置背景透明 -->
    <solid android:color="#00000000" />
    <!-- 边框的颜色 ：不能和窗体背景色一样 -->
    <stroke
        android:width="2dp"
        android:color="#ff304a" />
    <!-- 设置button的四个角为弧形 -->
    <!-- android:radius 弧形的半径 -->
    <corners
        android:bottomLeftRadius="5dip"
        android:bottomRightRadius="0dip"
        android:topLeftRadius="5dip"
        android:topRightRadius="0dip" />
    <!-- padding：Button里面的文字与Button边界的间隔 -->
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
</shape>

switch_button_right_checked.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <!-- 填充的颜色：这里设置背景透明 -->
    <solid android:color="#ff304a" />
    <!-- 边框的颜色 ：不能和窗体背景色一样 -->
    <stroke
        android:width="2dp"
        android:color="#ff304a" />
    <!-- 设置button的四个角为弧形 -->
    <!-- android:radius 弧形的半径 -->
    <corners
        android:bottomLeftRadius="0dip"
        android:bottomRightRadius="5dip"
        android:topLeftRadius="0dip"
        android:topRightRadius="5dip" />
    <!-- padding：Button里面的文字与Button边界的间隔 -->
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
</shape>

switch_button_right.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <!-- 填充的颜色：这里设置背景透明 -->
    <solid android:color="#00000000" />
    <!-- 边框的颜色 ：不能和窗体背景色一样 -->
    <stroke
        android:width="2dp"
        android:color="#ff304a" />
    <!-- 设置button的四个角为弧形 -->
    <!-- android:radius 弧形的半径 -->
    <corners
        android:bottomLeftRadius="0dip"
        android:bottomRightRadius="5dip"
        android:topLeftRadius="0dip"
        android:topRightRadius="5dip" />
    <!-- padding：Button里面的文字与Button边界的间隔 -->
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
</shape>

button.xml

<?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="horizontal"
    android:padding="10dp" >
    <Button
        android:id="@+id/wangdaileiBtn"
        android:layout_width="0dp"
        android:layout_height="40dp"
        android:layout_weight="1"
        android:scaleType="fitXY"
        android:text=""
        android:background="@drawable/switch_button_left_checked" />
    <Button
        android:id="@+id/baobaoleiBtn"
        android:layout_width="0dp"
        android:layout_height="40dp"
        android:layout_weight="1"
        android:text=""
        android:scaleType="fitXY"
        android:background="@drawable/switch_button_right" />
</LinearLayout>

直播系统源代码就可以实现不同的按钮效果了

声明：本文由云豹科技转发自技术mix呢博客，如有侵权请联系作者删除

ITPub博客

实现不同的按钮，直播系统源代码怎么做

最新文章