AppBar比屏幕宽度长

时间：2016-02-13 11:15:20

标签： android android-coordinatorlayout android-collapsingtoolbarlayout androiddesignsupport android-appbarlayout

我正在尝试创建一个用户配置文件布局，该布局具有标准协调器布局，其中嵌套带有折叠工具栏的应用栏。折叠工具栏包含带有背景英雄图像的标题，包含个人资料图像和他的详细信息。之后有一个线性布局，包括他的用户关注者信息，然后是用户兴趣，然后是最近的地方，然后是他的专辑的水平滚动，然后是标签布局（让我的AppBar很长）

在appbar之外我有一个View寻呼机。

滚动时，我希望工具栏固定，标签可以粘贴。

  

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/userprofileAppbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/profile_background_color"
        android:fitsSystemWindows="true"
        android:visibility="visible">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/header_collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/gradient_layout"
            android:fitsSystemWindows="true"
            app:contentScrim="@color/gradient_bottom"
            app:expandedTitleMarginBottom="25dp"
            app:expandedTitleMarginStart="22dp"
            app:layout_scrollFlags="scroll|snap"
            app:statusBarScrim="@color/gradient_bottom">

            <LinearLayout
                android:id="@+id/user_header"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/toolbar"
                android:background="@color/user_background_color"
                android:fitsSystemWindows="true"
                android:orientation="vertical"
                app:layout_collapseMode="parallax">

                <com.example.local.ui.RoundedImage
                    android:id="@+id/user_profile_pic"
                    android:layout_width="78.7dp"
                    android:layout_height="78.7dp"
                    android:layout_gravity="center_horizontal"
                    android:layout_weight="1"
                    android:clickable="false"
                    android:src="@drawable/ic_avatar" />

                <com.example.local.buddycloud.customviews.TypefacedTextView
                    android:id="@+id/user_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginTop="13.7dp"
                    android:layout_weight="1"
                    android:text="Monika Singh"
                    android:textColor="@color/white"
                    android:textSize="16sp" />

                <com.example.local.buddycloud.customviews.TypefacedTextView
                    android:id="@+id/user_address"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginTop="2dp"
                    android:layout_weight="1"
                    android:text="Lives in Sushant Lok 1"
                    android:textColor="@color/white"
                    android:textSize="12sp" />

                <com.example.local.buddycloud.customviews.TypefacedTextView
                    android:id="@+id/user_follow_button"
                    style="?attr/borderlessButtonStyle"
                    android:layout_width="110dp"
                    android:layout_height="36dp"
                    android:layout_gravity="center"
                    android:layout_marginBottom="20dp"
                    android:layout_marginTop="20.7dp"
                    android:layout_weight="1"
                    android:background="@drawable/rounded_corners_follow_button"
                    android:clickable="true"
                    android:lines="1"
                    android:paddingBottom="10dp"
                    android:paddingLeft="10dp"
                    android:paddingRight="10dp"
                    android:paddingTop="10dp"
                    android:text="+ FOLLOW"
                    android:textColor="@color/white"
                    android:textSize="13sp"
                    app:fontType="@string/font_regular" />

            </LinearLayout>

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_collapseMode="none"
            app:layout_scrollFlags="scroll|snap">

            <LinearLayout
                android:id="@+id/followers_following_bar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white"
                android:orientation="horizontal"
                android:paddingBottom="14.7dp"
                android:paddingTop="14dp">

                /// Followers and Following for the user

            </LinearLayout>

            <View
                android:id="@+id/below_followers_following_bar"
                android:layout_width="match_parent"
                android:layout_height="1px"
                android:background="@color/divider" />

            <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
                android:id="@+id/about_user_card_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginTop="13.3dp"
                android:background="@color/white"
                android:visibility="visible"
                card_view:cardBackgroundColor="@color/white"
                card_view:cardCornerRadius="4dp"
                card_view:cardElevation="0dp">

                // About user content
            </android.support.v7.widget.CardView>

            <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
                android:id="@+id/user_interests_card_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginTop="8.3dp"
                android:background="@color/white"
                android:visibility="gone"
                card_view:cardCornerRadius="4dp">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="20dp"
                    android:layout_marginLeft="15dp"
                    android:layout_marginTop="17.3dp"
                    android:orientation="vertical">

                    // Interests of the user

                </LinearLayout>
            </android.support.v7.widget.CardView>

            <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
                android:id="@+id/user_recent_places_card_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginTop="8.3dp"
                android:background="@color/white"
                android:visibility="gone"
                card_view:cardCornerRadius="4dp">

                // Recent places visted by user

            </android.support.v7.widget.CardView>

            <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
                android:id="@+id/user_photos_card_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginTop="8.3dp"
                android:background="@color/white"
                android:visibility="visible"
                card_view:cardCornerRadius="4dp">

                // Horizontal scroll of user photos
            </android.support.v7.widget.CardView>
        </LinearLayout>

        <android.support.design.widget.TabLayout
            android:id="@+id/user_tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="17dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginTop="17dp"
            android:background="@color/white"
            app:tabGravity="fill"
            app:tabIndicatorColor="@color/light_blue_color"
            app:tabIndicatorHeight="3.3dp"
            app:tabMode="fixed" />

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

    <android.support.v4.view.ViewPager
        android:id="@+id/user_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

这在大屏幕手机上运行良好，但在小屏幕上，appbar布局的高度比屏幕高度大，所以它会被截断。

如果它是单个列表但我使用的是ViewPager，我可以将额外的标题放入Recycler视图。

我尝试将appbar之后的额外标题内容放入带有viewpager的嵌套滚动中，但之后我的viewpager没有出现。绝望，我甚至试过玩两个Appbars，但这也没有成功。

任何以不在代码中自定义布局行为为基础的解决方案都是首选。提前致谢

0 个答案:

没有答案
相关问题
最新问题