材料选项卡布局无法正确显示

时间:2016-01-25 22:18:52

标签: android material-design

我正在尝试创建此登录页面。

Login

这是我的代码 -

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">

    <com.app.findmystay.View.MarqueeToolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="112dp"
        android:background="@color/color_primary"
        android:elevation="4dp"
        android:gravity="top"
        android:minHeight="?attr/actionBarSize"
        app:theme="@style/ToolBarStyle" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:layout_marginTop="64dp"
        android:elevation="4dp"
        android:orientation="vertical">

        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="10dp">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical">

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

                    <android.support.design.widget.TabLayout
                        android:id="@+id/tabs"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        app:tabGravity="fill"
                        app:tabIndicatorColor="@color/color_accent"
                        app:tabIndicatorHeight="5dp"
                        app:tabMode="fixed"
                        app:tabSelectedTextColor="@android:color/white"
                        app:tabTextAppearance="@style/TabText"
                        app:tabTextColor="@android:color/white" />
                </android.support.design.widget.AppBarLayout>

                <android.support.v4.view.ViewPager
                    android:id="@+id/viewpager"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    app:layout_behavior="@string/appbar_scrolling_view_behavior" />
            </LinearLayout>
        </android.support.v7.widget.CardView>
    </LinearLayout>
</RelativeLayout>

我得到的是这个 -

enter image description here

  1. 如何将工具栏文本与后退按钮对齐?
  2. 滚动时布局如何崩溃?

1 个答案:

答案 0 :(得分:0)

首先尝试在设置中的开发者选项中启用 show layout bounds

检查标题的布局(在您的情况下登录或注册)。

如果是布局问题,请使用

以编程方式设置标题
Toolbar toolbar = (Toolbar) findViewById(R.id.id_of_toolbar_from_layout);
toolbar.setTitle("Login or SignUp");

然后将工具栏添加到布局,如

setSupportActionBar(toolbar);

最好先尝试一下。如果它不起作用,请告诉我。 :)