【问题标题】:Adding static view to coordinator layout将静态视图添加到协调器布局
【发布时间】:2016-08-09 02:12:24
【问题描述】:

我正在使用新的协调器布局构建应用程序,我按照此处显示的示例http://saulmm.github.io/mastering-coordinator 进行了自定义行为。我在我的代码中成功实现了该示例,但现在我想在工具栏下添加另一个静态视图,该视图应始终沿工具栏滚动。我似乎无法让它发挥作用,所以我希望这里有人能就此事给我启发。

这是我现在的 xml

    <android.support.design.widget.AppBarLayout
        android:id="@+id/main.appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        >

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/main.collapsing"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
            >

            <ImageView
                android:id="@+id/main.imageview.placeholder"
                android:layout_width="match_parent"
                android:layout_height="300dp"
                android:scaleType="centerCrop"
                android:src="@drawable/login_background_2"
                android:tint="#11000000"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.9"
                />

            <FrameLayout
                android:background="@color/colorPrimary"
                android:id="@+id/frameLayout"
                android:layout_width="match_parent"
                android:layout_height="100dp"
                android:layout_gravity="bottom|center_horizontal"
                android:orientation="vertical"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.3"

                >

                <LinearLayout
                    android:id="@+id/main.linearlayout.title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:orientation="vertical"
                    >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:gravity="bottom|center"
                        android:text="groupname"
                        android:textColor="@android:color/white"
                        android:textSize="30sp"
                        />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:layout_marginTop="4dp"
                        android:text="group asda"
                        android:textColor="@android:color/white"
                        />

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


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


        <android.support.v7.widget.RecyclerView
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
           >
        </android.support.v7.widget.RecyclerView>


    <android.support.v7.widget.Toolbar
        android:id="@+id/main.toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorPrimary"
        app:layout_anchor="@id/frameLayout"
        app:theme="@style/ThemeOverlay.AppCompat.Dark"
        app:title=""
        >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            >
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
            <Space
                android:layout_width="@dimen/image_final_width"
                android:layout_height="@dimen/image_final_width"
                />

            <TextView
                android:id="@+id/main.textview.title"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center_vertical"
                android:layout_marginLeft="8dp"
                android:text="afdfadfadf"
                android:textColor="@android:color/white"
                android:textSize="20sp"
                />
            </LinearLayout>

        </LinearLayout>

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


    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="@dimen/image_width"
        android:layout_height="@dimen/image_width"
        android:src="@drawable/extension_mascot"
        android:layout_gravity="center_horizontal"
        app:layout_behavior="AvatarImageBehavior"
        app:finalYPosition="2dp"
        app:finalHeight="@dimen/image_final_width"
        android:id="@+id/groupMascot"
        app:startToolbarPosition="2dp"
        app:startHeight="2dp"
        app:startXPosition="2dp"
        />

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

关于如何做到这一点的任何想法? 我想在工具栏下方添加的是一个带有 3 个文本字段的线性布局,它们占据了整个宽度并在它们之间进行划分。 任何帮助将不胜感激!

【问题讨论】:

    标签: android layout view static


    【解决方案1】:

    我做了同样的例子并解决了将资源文件添加到值文件夹的问题,文件名为 attrs.xml,如下所示:

    <resources>
        <declare-styleable name="AvatarImageBehavior">
            <attr name="finalYPosition" format="dimension"/>
            <attr name="startXPosition" format="dimension"/>
            <attr name="startToolbarPosition" format="dimension"/>
            <attr name="startHeight" format="dimension"/>
            <attr name="finalHeight" format="dimension"/>
        </declare-styleable>
    </resources>
    

    这帮我解决了问题

    【讨论】:

      猜你喜欢
      • 2016-06-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-05-17
      • 2014-03-28
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多