Technology Sharing

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

In Android, adding a horizontal line can usually be achieved in several ways, the most common of which is usingViewComponent or customDrawableHere is a simple example showing how to add a horizontal rule to a layout file:

useViewComponents

In your layout XML file you can add aViewelement and set its width tomatch_parent(or specific width), height is1dpor2dp(or whatever tiny height you want), and then give it a background color.

<View  
    android:layout_width="match_parent"  
    android:layout_height="1dp"  
    android:background="#000000" /> <!-- 你可以将#000000替换成你想要的颜色 -->

ThisViewelement at the appropriate location in your layout file, it will appear as a horizontal line.

Use CustomDrawable

Although usingViewAs a horizontal line is the easiest way, but you can also create a customDrawableTo achieve more complex horizontal line effects, such as gradients, dotted lines, etc.

For example, if you want to create a gradient horizontal line, you can define a gradientDrawableresource:

<!-- res/drawable/gradient_line.xml -->  
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">  
    <gradient  
        android:angle="0"  
        android:endColor="#FF0000"  
        android:startColor="#00FF00"  
        android:type="linear" />  
    <size android:height="2dp" />  
</shape>

Then, in your layout file, put thisDrawableAs a background set to aView：

<View  
    android:layout_width="match_parent"  
    android:layout_height="2dp"  
    android:background="@drawable/gradient_line" />

This way you will get a horizontal line with a gradient effect.

Use in layout

Whichever method you choose to create a horizontal rule, you need to place it in the appropriate location in your layout file. For example, in a verticalLinearLayoutmiddle:

<LinearLayout  
    android:layout_width="match_parent"  
    android:layout_height="wrap_content"  
    android:orientation="vertical">  
  
    <TextView  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:text="Some Text Above the Line" />  
  
    <!-- 水平线 -->  
    <View  
        android:layout_width="match_parent"  
        android:layout_height="1dp"  
        android:background="#000000" />  
  
    <TextView  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:text="Some Text Below the Line" />  
</LinearLayout>

In this example, the horizontal lines are placed between theTextViewUsed as a separator between.