Android在布局中绘制分隔线/分隔线?

我想在布局的中间画一条线，并使用它作为其他项目的分隔符，如TextView。有没有一个好的小部件。我真的不想使用图像，因为它很难匹配其他组件到它。我也想让它有相对的位置。谢谢

818040 次浏览
小开

将此添加到你想要分隔符的布局中(修改属性以适应你的需要):

<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" />
小开 
<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" />
小开

我通常使用这段代码添加水平线:

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

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

小开

改进由亚历克斯Kucherenko和丹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"/>
小开

运行时版本:

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);
小开

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

在可绘制目录中定义一个xml形状。line_horizontal.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" />
小开

使用这段代码。会有帮助的

<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" >
小开

你可以在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>
小开

如果你使用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 /可拉的/ 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上测试)。

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

小开 
<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" />
小开

它可以在布局中任意位置添加水平分隔线。

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

我通常使用这样的代码:

<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" />

如果你在你的布局中有一个对象，你想在下面设置line，使用ImageView中的这个属性:

android:layout_below="@+id/textBox1"
小开 
//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
小开

只需要在你的布局中添加这段代码，并将'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"
/>
小开

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

<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" />

这段代码在两个控件之间画线…

小开

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

在构建。gradle写:

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

如果你想设置颜色，大小和边距值，你可以指定如下:

RecyclerView recyclerView = (RecyclerView)
findViewById(R.id.recyclerview);
recyclerView.addItemDecoration(
new HorizontalDividerItemDecoration.Builder(this)
.color(Color.RED)
.sizeResId(R.dimen.divider)
.marginResId(R.dimen.leftmargin, R.dimen.rightmargin)
.build());
小开

将空间分成两等份:

<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>

注意，其中一部分在结尾包含分隔符

小开

使用此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" />
小开

添加此视图;在textviews之间绘制分隔符

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

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

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" />
小开

就这样写:

 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>
小开

这将帮助您解决这个问题。 这里创建了一个小视图，用一条黑线作为两个视图之间的分隔符 

 <View
android:layout_width="3dp"
android:layout_height="wrap_content"
android:background="@android:color/black"
/>
小开 
<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>

小开

这很简单。只需要创建一个背景颜色为黑色的视图。

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

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

小开

添加一条水平的黑线:

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

例如，在使用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>
要在现有的两个布局之间添加分隔符，这已经占据了整个屏幕空间，我们不能只是添加另一个线性布局，因为这将使三个等宽的列，这是我们不想要的。相反，我们将减少给这个新布局的空间量。 最终代码如下所示:

<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

小开

简单的方法:

垂直分割线:

# EYZ0

Vertical divider view .

水平分割线:

# EYZ0

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>
小开
下面是代码“两个文本视图之间的水平分隔线”。 试试这个< / p > 
    <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" />/>
小开

你可以在第一个TextView之后使用这个<View>元素。

 <View
android:layout_marginTop="@dimen/d10dp"
android:id="@+id/view1"
android:layout_width="fill_parent"
android:layout_height="1dp"
android:background="#c0c0c0"/>
小开 
<View
android:layout_width="2dp"
android:layout_height="match_parent"
android:layout_marginTop="4dp"
android:background="@android:color/darker_gray" />

在两个布局之间放置此代码以获得分隔器。


提交答案