搜索
您的当前位置:首页正文

Android 布局平分间距。想了好久终于找到了投机取巧的办法

来源:易榕旅网

获取屏幕的跨度,然后减去最两边的距离是30dp,再减去每个text的宽度50dp,然后除以3就是每个文字的间距。然后动态的设置上去,只给第一个,第二个,第三个设置。

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
DisplayMetrics dm = new DisplayMetrics();
getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);
int itemManger = (dm.widthPixels - (int) getResources().getDimension(R.dimen.dp_30) -             
                  ((int) getResources().getDimension(R.dimen.dp_50) * 4)) / 3;
params.setMargins(0, 0, itemManger, 0);

 这个方法设置以后展示的效果确实没有问题。然后感觉有点乱。还是想写到xml里面去。

接下来就是投机取巧的方法了。

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/dp_30"
        android:layout_marginTop="@dimen/dp_10"
        android:orientation="horizontal"
        android:layout_marginEnd="@dimen/dp_30"
        android:layout_marginBottom="@dimen/dp_10">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@mipmap/archives_icon_birthday"
            android:drawablePadding="@dimen/dp_10"
            android:text="本月生日" />

        <View
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@mipmap/archives_icon_warning"
            android:drawablePadding="@dimen/dp_10"
            android:text="预警档案" />

        <View
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@mipmap/archives_icon_category"
            android:drawablePadding="@dimen/dp_10"
            android:text="顾客类别" />

        <View
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@mipmap/archives_icon_allocation"
            android:drawablePadding="@dimen/dp_10"
            android:text="分配档案" />

    </LinearLayout>

 可以看到每个text中间设置一个View。权重为1。这个时候呢。就会把每个布局给挤压过去了。有权重的地方全部都为相等的比例。
 

使用ConstraintLayout  进行权重分配  app:layout_constraintHorizontal_chainStyle="spread_inside" 可以达到我们需要的效果。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/but_A"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginStart="20dp"
        android:background="#FF00FF"
        app:layout_constraintEnd_toStartOf="@id/but_B"
        app:layout_constraintHorizontal_chainStyle="spread_inside"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/but_B"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#FFFF00"
        app:layout_constraintEnd_toStartOf="@id/but_C"
        app:layout_constraintStart_toEndOf="@id/but_A"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/but_C"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#0000FF"
        app:layout_constraintEnd_toStartOf="@id/but_D"
        app:layout_constraintStart_toEndOf="@id/but_B"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/but_D"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginEnd="20dp"
        android:background="#00FFFF"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/but_C"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

这个属性有三种样式

packed

spread

spread_inside

因篇幅问题不能全部显示,请点此查看更多更全内容

Top