Android给button某条边绘制边框线

最新推荐文章于 2023-03-04 09:28:59 发布

转载最新推荐文章于 2023-03-04 09:28:59 发布 · 3.5k 阅读

文章标签：

#Android

Android 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何通过XML定义样式来实现Button控件的蓝色底部边框效果，包括两种不同的实现方式，一种是利用layer-list结合shape元素进行绘制，另一种则是直接使用stroke属性设定边框宽度与颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下是设置按钮的底边框颜色为bule，边框大小为2dp，如下图：

在drawable新建一个 buttonstyle.xml的文件，内容如下：

这种方式中，每个item相当于一个颜色块，使用白色的颜色快盖住蓝色的颜色块，但是露出了蓝色块下方的一部分

<?xml version="1.0" encoding="UTF-8"?>    
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">     
<!-- 边框颜色值 --><item>     
      <shape>     
            <solid android:color="#3bbaff" />     
      </shape>     
</item>     
<!-- 主体背景颜色值 -->    
<item android:bottom="2dp">     
     <shape>     
           <solid android:color="#ffffff" />           
           <padding android:bottom="10dp"    
                android:left="10dp"    
                android:right="10dp"    
                android:top="10dp" />    
     </shape>         
</item>    
</layer-list>

然后在布局文件里面的Button里面设置如下：

<Button    
   android:id="@+id/button1"    
   android:layout_width="wrap_content"    
   android:layout_height="wrap_content"    
   android:text="Button1"    
   android:background="@drawable/buttonstyle" />

另一种写法：

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:top="-4dp"
        android:right="-4dp"
        android:left="-4dp"> <!-- 会使上左右三条边不可见，值与边框粗细有关，边框为xdp时，这里设置为-(x+1)dp -->
        <shape>
            <solid android:color="#0000" />   <!-- 主体背景颜色值，此处为透明 -->
            <stroke
                android:width="3dp"       <!-- 边框粗细与颜色配置 -->
                android:color="#3bbaff" />
        </shape>
    </item>

</layer-list>