线性布局匹配父级或权重不在协调器布局中工作

时间:2016-03-26 11:33:18

标签: android android-linearlayout android-coordinatorlayout android-layout-weight android-layoutparams

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.now.sexyfacechanger.Activity_PhotoOrGallery">

    <include layout="@layout/content_activity__photo_or_gallery" />

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

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab_camera"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_camera"
            android:layout_weight="1"/>

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab_gallery"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_gallery"
            android:layout_weight="1"/>

    </LinearLayout>


</android.support.design.widget.CoordinatorLayout>

这是android studio design中的视图,显示的线性布局与父级匹配:

enter image description here

但是输出:

enter image description here

线性布局与父级不匹配,或者我怀疑应用于两个浮动按钮的layout_weight在Coordinator布局中不起作用。

2 个答案:

答案 0 :(得分:3)

这是因为FloatingActionButton只能有固定的大小。

您可以在它们之间添加一些空格。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:orientation="horizontal">
    <Space    
        android:layout_weight="1"     
        android:layout_width="0dp"
        android:layout_height="wrap_content"/>
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_camera"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_camera"/>
    <Space    
        android:layout_weight="2"     
        android:layout_width="0dp"
        android:layout_height="wrap_content"/>
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_gallery"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_gallery"/>
    <Space    
        android:layout_weight="1"     
        android:layout_width="0dp"
        android:layout_height="wrap_content"/>
</LinearLayout>

答案 1 :(得分:0)

因此,也许您将使用LinearLayout可以为您提供帮助。

<LinearLayout 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="wrap_content"
android:baselineAligned="false"
android:orientation="horizontal"
android:padding="@dimen/space_small_xs"
android:weightSum="2">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:gravity="start"
    android:orientation="horizontal"
    android:paddingStart="@dimen/space_small_l"
    android:paddingEnd="@dimen/space_small_l">

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/button_prev"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/arrow_white_left"
        android:tint="@android:color/white"
        app:backgroundTint="@color/text_subscribe_light"
        app:fabSize="mini" />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:gravity="end"
    android:orientation="horizontal"
    android:paddingStart="@dimen/space_small_l"
    android:paddingEnd="@dimen/space_small_l">

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/button_next"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/arrow_white_right"
        android:tint="@android:color/white"
        app:backgroundTint="@color/text_subscribe_light"
        app:fabSize="mini" />
</LinearLayout>

它看起来像这样:

enter image description here