布局中的Android绘图分隔符/分隔线？

时间：2011-02-19 08:59:29

标签： android layout draw

我想在布局的中间画一条线，并将其用作TextView等其他项的分隔符。是否有一个很好的小部件。我真的不想使用图像，因为很难将其他组件与它匹配。我希望它也能相对定位。感谢

31 个答案:

答案 0 :(得分：1592)

我通常使用此代码添加水平线：

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@android:color/darker_gray"/>

要添加垂直分隔符，请切换layout_width和layout_height值

答案 1 :(得分：566)

改进Alex Kucherenko和Dan Dar3

提供的答案

我将此添加到我的样式中：

<style name="Divider">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">1dp</item>
    <item name="android:background">?android:attr/listDivider</item>
</style>

然后在我的布局中代码更少，阅读更简单。

<View style="@style/Divider"/>

答案 2 :(得分：133)

在你想要分隔符的布局中添加它（修改属性以满足你的需要）：

<ImageView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@android:drawable/divider_horizontal_dark"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:scaleType="fitXY"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:paddingBottom="2dp"
    android:paddingTop="2dp" />

答案 3 :(得分：83)

您可以在LinearLayout：

中使用此功能 
android:divider="?android:dividerHorizontal"
android:showDividers="middle"

例如：

<?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:divider="?android:dividerHorizontal"
    android:showDividers="middle"
    android:orientation="vertical" >            

        <TextView 
         android:layout_height="wrap_content"
         android:layout_width="wrap_content"
         android:text="abcd gttff hthjj ssrt guj"/>

        <TextView 
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="abcd"/>
        <TextView 
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="abcd gttff hthjj ssrt guj"/>

        <TextView 
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="abcd"/>

</LinearLayout>

答案 4 :(得分：52)

<TextView
    android:id="@+id/line"
    style="?android:attr/listSeparatorTextViewStyle"
    android:paddingTop="5dip"
    android:gravity="center_horizontal"
    android:layout_below="@+id/connect_help"
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#000" />

答案 5 :(得分：45)

使用此代码。它会有所帮助

<LinearLayout
    android:layout_width="0dip"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:layout_weight="1"
    android:divider="?android:dividerHorizontal"
    android:gravity="center"
    android:orientation="vertical"
    android:showDividers="middle" >

答案 6 :(得分：29)

最简单的方式：

垂直分隔线：

<View style="@style/Divider.Vertical"/>

Vertical divider view

水平分隔符：

<View style="@style/Divider.Horizontal"/>

Horizontal divider view

这一切都是肯定的！

只需将其放入res>values>styles.xml

即可 
<style name="Divider">
    <item name="android:background">?android:attr/listDivider</item> //you can give your color here. that will change all divider color in your app.
</style>

<style name="Divider.Horizontal" parent="Divider">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">1dp</item> // You can change thickness here.

</style>

<style name="Divider.Vertical" parent="Divider">
    <item name="android:layout_width">1dp</item>
    <item name="android:layout_height">match_parent</item>
</style>

答案 7 :(得分：15)

如果你使用actionBarSherlock，你可以使用com.actionbarsherlock.internal.widget.IcsLinearLayout类来支持分隔符并在视图之间显示它们。

用法示例：

<com.actionbarsherlock.internal.widget.IcsLinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:divider="@drawable/divider"
    android:dividerPadding="10dp"
    android:orientation="vertical"
    android:showDividers="beginning|middle|end" >
... children...

res / drawable / divider.xml：

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

    <size android:height="2dip" />

    <solid android:color="#FFff0000" />

</shape>

请注意，由于某种原因，图形设计器中的预览显示为“android.graphics.bitmap_delegate.nativeRecycle（I）Z”。不知道这意味着什么，但它可以被忽略，因为它在Android和旧版本的新版本上都能正常工作（在Android 4.2和2.3上测试过）。

似乎只有在为图形设计器使用API​​17时才会显示错误。

答案 8 :(得分：13)

请写下：

 android:divider="?android:dividerHorizontal"
 android:showDividers="middle"

完整示例：

<LinearLayout
        android:id="@+id/llTipInformation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tvServiceRating"
        android:orientation="horizontal"
        android:divider="?android:dividerHorizontal"
        android:layout_marginTop="@dimen/activity_horizontal_margin"
        android:showDividers="middle">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/main.msg.tippercent"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="@color/colorWhite"
            android:layout_marginTop="@dimen/activity_vertical_margin"/>
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/main.msg.tiptotal"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="@color/colorWhite"
            android:layout_marginTop="@dimen/activity_vertical_margin"/>

</LinearLayout>

答案 9 :(得分：12)

添加此视图;在您的textviews

之间绘制一个分隔符 
<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#000000" />

答案 10 :(得分：11)

这是你的答案..这是一个在控件之间画线的例子...... 

<TextView
            android:id="@+id/textView1"
            style="@style/behindMenuItemLabel1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp"
            android:text="FaceBook Feeds" />

         <View
             android:layout_width="fill_parent"
             android:layout_height="2dp"
             android:background="#d13033"/>

         <ListView
            android:id="@+id/list1"
            android:layout_width="350dp"
            android:layout_height="50dp" />

此代码在两个控件之间画线......

答案 11 :(得分：11)

非常简单。只需创建一个黑色背景颜色的视图。 

nohup

这将创建一个带背景颜色的水平线。您还可以添加其他属性，如边距，填充等，就像任何其他视图一样。

答案 12 :(得分：10)

<View
            android:layout_width="2dp"
            android:layout_height="match_parent"
            android:layout_marginTop="4dp"
            android:background="@android:color/darker_gray" />

在两个布局之间放置此代码以获取Divider。

答案 13 :(得分：10)

它为您的布局中的任何位置添加了一个水平分隔符。

    <TextView
       style="?android:listSeparatorTextViewStyle"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"/>

答案 14 :(得分：7)

您可以在First TextView之后使用此<View>元素。 

 <View
         android:layout_marginTop="@dimen/d10dp"
         android:id="@+id/view1"
         android:layout_width="fill_parent"
         android:layout_height="1dp"
         android:background="#c0c0c0"/>

答案 15 :(得分：7)

使用此xml代码添加垂直线 

 <View
    android:layout_width="1dp"
    android:layout_height="match_parent"
    android:layout_centerVertical="true"
    android:background="#000000" />

使用此xml代码添加水平线 

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#000000" />

答案 16 :(得分：6)

//for vertical line:

<View
   android:layout_width="1dp"
   android:layout_height="fill_parent"
   android:background="#00000000" />




//for horizontal line: 

<View
   android:layout_width="fill_parent"
   android:layout_height="1dp"
   android:background="#00000000" />
//it works like a charm

答案 17 :(得分：6)

运行时版本：

View dividerView = new View(getContext());
LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(
    ViewGroup.LayoutParams.FILL_PARENT, UIUtils.dpToPix(getContext(), 1));
dividerView.setLayoutParams(lp);

TypedArray array = getContext().getTheme()
    .obtainStyledAttributes(new int[] {android.R.attr.listDivider});
Drawable draw = array.getDrawable(0);       
array.recycle();

dividerView.setBackgroundDrawable(draw);
mParentLayout.addView(dividerView);

答案 18 :(得分：5)

如果一个人使用android:layout_weight属性为布局组件分配可用的屏幕空间，例如

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:orientation="vertical">
        ...
        ...
    </LinearLayout>

     /* And we want to add a verical separator here */

    <LinearLayout
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:orientation="vertical">
        ...
        ...
     </LinearLayout>

</LinearLayout>

要在已占用整个屏幕空间的现有两个布局之间添加分隔符，我们不能只使用android:weight:"1"添加另一个LinearLayout，因为这将生成我们不想要的三个相等宽度的列。相反，我们将减少我们将为这种新布局提供的空间量。 最终代码如下所示：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:orientation="vertical">
        ...
        ...
    </LinearLayout>

                    /* *************** ********************** */

    /* Add another LinearLayout with android:layout_weight="0.01" and 
       android:background="#your_choice" */
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="0.01"
        android:background="@android:color/darker_gray"
     />

    /* Or View can be used */
    <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:layout_marginTop="16dp"
        android:background="@android:color/darker_gray"
     />

                     /* *************** ********************** */

    <LinearLayout
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:orientation="vertical">
        ...
        ...
    </LinearLayout>

</LinearLayout>

enter image description here

答案 19 :(得分：4)

<ImageView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="2dp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:paddingTop="2dp"
    android:scaleType="fitXY"
    android:src="?android:attr/listDivider" />

答案 20 :(得分：4)

如果你要经常使用它，最好的办法是

<强> styles.xml： 

<style name="Seperator">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">1dp</item>
        <item name="android:background">@color/light_color</item>
    </style>

现在在您的布局中，只需将其添加为：

<View style="@style/Seperator" />

答案 21 :(得分：4)

使用以下方法添加水平黑线：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#000000"
    android:layout_marginTop="10dp"/>

答案 22 :(得分：3)

这可以帮助您解决此问题。 这里创建一个小视图，使黑线成为两个视图之间的分隔符。

 <View
        android:layout_width="3dp"
        android:layout_height="wrap_content"
        android:background="@android:color/black"
         />

答案 23 :(得分：3)

我通常使用此代码：

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:layout_alignParentLeft="true"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="10dp"
    android:background="#aa000000" />

如果您的布局中有一个对象，并且您希望下面的设置行在ImageView中使用此属性：

android:layout_below="@+id/textBox1"

答案 24 :(得分：2)

要完成CamilleSévigny的回答，您还可以另外定义自己的线条形状，例如自定义线条颜色。

在drawable目录中定义xml形状。 line_horizo​​ntal.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto" android:shape="line">
    <stroke android:width="2dp" android:color="@android:color/holo_blue_dark" />
    <size android:width="5dp" />
</shape>

在布局中使用此行以及所需的属性：

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="2dp"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:paddingTop="2dp"
        android:src="@drawable/line_horizontal" />

答案 25 :(得分：2)

这是代码＆＃34;两个文本视图之间的水平分隔线＆＃34;。 试试这个

    <TextView
        android:id="@id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="5dp"
        android:inputType="textPersonName"
        android:text:"address" />


    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@android:color/black"/>


    <TextView
        android:id="@id/textView7"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPersonName" 
        android:text:"Upload File" />/>

答案 26 :(得分：1)

将空间分成两部分：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:divider="?android:dividerHorizontal"
        android:showDividers="end"></LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"></LinearLayout>

</LinearLayout>

请注意，一个部分在末尾包含一个分隔符

答案 27 :(得分：1)

简单解决方案

只需在您的布局中添加此代码，并将“Id_of__view_present_above”替换为视图的ID，在该视图下方需要分隔符。

<TextView
  android:layout_width="match_parent"
  android:layout_height="1dp"
  android:background="#c0c0c0"
  android:id="@+id/your_id"
  android:layout_marginTop="16dp" 
  android:layout_below="@+id/Id_of__view_present_above"
/>

答案 28 :(得分：0)

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<item
    android:bottom="0dp"
    android:left="-2dp"
    android:right="-2dp"
    android:top="-2dp">
    <shape android:shape="rectangle">
        <stroke
            android:width="1dp"
            android:color="@color/divider" />
    </shape>
</item>

答案 29 :(得分：0)

例如，如果您为您的项目使用了recyclerView：

在build.gradle中写道：

width

如果要设置颜色，大小和边距值，可以指定如下：

dependencies {
    compile 'com.yqritc:recyclerview-flexibledivider:1.4.0'

答案 30 :(得分：-2)

像这样添加水平 linearLayout。

<LinearLayout
    android:id="@+id/LL_Seperator"
    android:layout_width="1dp"
    android:layout_height="fill_parent"
    android:layout_marginRight="5dp"
    android:layout_toLeftOf="@+id/imgBut_Settings"
    android:background="#37000000"
    android:orientation="horizontal" >
</LinearLayout>
相关问题
最新问题