[Android Studio] 如何在Button控件的文本下添加下划線


第一種:

在LinearLayout線性布局中設置兩個Button控件即可。

代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp"

    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_gravity="bottom"
        android:background="#00000000">

        <!--    主要設置Button控件為透明色   -->


        <Button
            android:id="@+id/btn_login"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="開啟音樂之旅"
            android:textColor="#03A9F4"
            android:textSize="20sp"
            android:textStyle="bold"
            android:background="@drawable/login"
            android:layout_gravity="center_horizontal"/>

            設置Button控件為一條線

        <Button
            android:id="@+id/btn_line"
            android:layout_width="150dp"
            android:layout_height="1dp"
            android:background="#03A9F4"
            android:layout_gravity="center_horizontal"
            style="?android:attr/borderlessButtonStyle" />

            消除Button控件自帶陰影
    </LinearLayout>

</LinearLayout>

 

--------------------------------------------------------------------------------------------------------------

透明背景設置

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

            <solid android:color="#00000000"/>
            <!--顏色-->
            <corners android:radius="30dp"/>
            <!--標准圓角-->
</shape>

 

---------------------------------------------------------------------------------------------------------------

效果如下:

 

 第二種:

這一種是我從別人那里借鑒得來的,但是效果不是很理想。

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

<!-- 邊框顏色設置 -->
<item>
<shape>
<solid android:color="#F611F6"/>
</shape>
</item>
<!-- 主體背景顏設置 -->
<item android:bottom="2dp">
<shape>
<solid android:color="#4CAF50"/>
<padding
android:bottom="10dp"
android:left="10dp"
android:right="10dp"
android:top="10dp"/>
</shape>
</item>
</layer-list>

就是一根線和一個背景圖
------------------------------------------------------------------------------------------------------------------
效果圖如下:

 

 
        

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM