ImageButton之间的两条水平线

时间:2018-05-27 21:50:27

标签: android

我想在活动的左右角设置两行到我的imageView Counter.most_common([n]) document。下面的活动是使用静态dp绘制的。但是当我在屏幕较小的设备上进行切换时,在我的图像下面会出现线条。怎么做稳定?

<View
    android:id="@+id/delimiter"
    android:layout_width="181dp"
    android:layout_height="2dp"
    android:layout_centerVertical="true"
    android:background="#FFCFD8DC"
    android:visibility="visible" />

<View
    android:id="@+id/delimiter2"
    android:layout_width="182dp"
    android:layout_height="2dp"
    android:layout_alignParentEnd="true"
    android:layout_centerVertical="true"
    android:background="#FFCFD8DC"
    android:visibility="visible" />

<ImageButton
    android:id="@+id/button_up"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@null"
    android:layout_centerInParent="true"
    android:layout_centerVertical="true"
    android:visibility="visible"
    android:src="@drawable/arrow_up" />

3 个答案:

答案 0 :(得分:0)

尝试使用wrap_content而不是static dp。

android:layout_width="wrap_content"

答案 1 :(得分:0)

使用ConstraintLayout作为父级并更改您的xml文件,如下所示:

<android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">

        <View
            android:id="@+id/delimiter"
            android:layout_width="0dp"
            android:layout_height="2dp"
            android:layout_margin="5dp"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toStartOf="@id/button_up"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            android:background="#FFCFD8DC"
            android:visibility="visible" />

        <View
            android:id="@+id/delimiter2"
            android:layout_width="0dp"
            android:layout_height="2dp"
            android:layout_margin="5dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@id/button_up"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            android:background="#FFCFD8DC"
            android:visibility="visible" />

        <ImageButton
            android:id="@+id/button_up"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@null"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            android:visibility="visible"
            android:src="@drawable/arrow_up" />
    </android.support.constraint.ConstraintLayout>

答案 2 :(得分:0)

如果您使用RelativeLayout作为toLeftOf&amp; toRightOf。将两个视图和ImageButton包装在相对布局中。

<RelativeLayout
  android:layout_height="wrap_content" 
  android:layout_width="match_parent" 
  android:layout_marginTop="16dp" 
  android:layout_centerVertical="true">

<ImageButton
  android:id="@+id/button_up"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginLeft="10dp"
  android:layout_marginRight="10dp"
  android:layout_centerInParent="true"
  android:src="@drawable/arrow_up" />
<View
  android:background="#FFCFD8DC"
  android:layout_height="1dp" 
  android:layout_width="match_parent"
  android:layout_centerVertical="true"
  android:layout_toLeftOf="@id/button_up"/>

 <View 
   android:background="#FFCFD8DC"
   android:layout_height="1dp"
   android:layout_width="match_parent"
   android:layout_centerVertical="true"
   android:layout_toRightOf="@id/button_up"/>

</RelativeLayout>

希望得到这个帮助。