【问题标题】:How can I place a view in middle-bottom center of Card View?如何在卡片视图的中下中心放置视图?
【发布时间】:2016-05-30 14:18:23
【问题描述】:

到目前为止我有这个布局:

<android.support.design.widget.CoordinatorLayout 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="150dp">

<android.support.v7.widget.CardView
    android:id="@+id/viewA"
    android:layout_width="match_parent"
    android:layout_height="match_parent"></android.support.v7.widget.CardView> 

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="16dp"
    android:clickable="true"
    app:layout_anchor="@id/viewA"
    app:layout_anchorGravity="bottom|center"/>

但是我怎样才能将按钮放置在协调器布局的中底(宽度)并得到这样的结果? :

【问题讨论】:

    标签: android android-coordinatorlayout floating-action-button


    【解决方案1】:

    您应该在CardView 中使用linearlayout,并在FAB 的app:layout_anchor 属性中使用它,如下所示:

    <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".vistas.fragments.FragmentDatosTab">
    
        <android.support.v7.widget.CardView
            android:id="@+id/cv"
            android:layout_width="350dp"
            android:layout_height="500dp"
            android:layout_gravity="center"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            card_view:cardCornerRadius="6dp"
            card_view:cardElevation="5dp"
            card_view:cardPreventCornerOverlap="false"
            card_view:cardUseCompatPadding="true">
    
            <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:id="@+id/linearlayout"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center_horizontal"
                android:orientation="vertical">
    
            </LinearLayout>
    
        </android.support.v7.widget.CardView>
    
        <android.support.design.widget.FloatingActionButton
            android:id="@+id/bt_iniciar_sesion"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:clickable="true"
            android:src="@drawable/ic_arrow_forward_white_24dp"
            app:backgroundTint="@color/colorPrimary"
            app:layout_anchor="@id/linearlayout"
            app:layout_anchorGravity="center_horizontal|bottom" />
    
    </android.support.design.widget.CoordinatorLayout>
    

    这是结果:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-10-19
      • 2023-03-22
      • 1970-01-01
      • 2017-10-13
      • 1970-01-01
      • 1970-01-01
      • 2020-01-22
      相关资源
      最近更新 更多