Android:AppBarLayout,工具栏布局失败

时间:2015-07-16 13:13:30

标签: android android-layout android-fragments android-toolbar android-coordinatorlayout

我有一个非常简单的演示应用程序,您可以访问on GitHub。主要活动包含遵循材料设计准则的工具栏(作为新的ActionBar)。但是你会看到,底部的碎片是错误的 - 正好是工具栏的高度。将工具栏设置为onCreate()中的活动后,是否需要以某种方式使布局无效?

有什么想法吗?

layout problem

这里是片段的XML布局。它只是将四个图像放入相对布局中的每个角落。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"
        >

    <ImageView
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:src="@mipmap/ic_launcher"
            />

    <ImageView
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:src="@mipmap/ic_launcher"
            />

    <ImageView
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentBottom="true"
            android:src="@mipmap/ic_launcher"
            />

    <ImageView
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:src="@mipmap/ic_launcher"
            />

</RelativeLayout>

这是主要活动的XML布局:

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

    <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways" />


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

<fragment android:name="com.demo.mytoolbar.MainFragment"
          android:id="@+id/fragment_new_park_item"
          app:layout_behavior="@string/appbar_scrolling_view_behavior"
          android:layout_width="match_parent"
          android:layout_height="match_parent">
</fragment>

<android.support.design.widget.FloatingActionButton
        android:id="@+id/action_add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="16dp"
        android:src="@android:drawable/ic_menu_add" />

主要活动的代码。片段的一个就是给布局充气,不做任何其他事情。

包com.demo.mytoolbar;

import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.support.v7.widget.Toolbar; import android.view.Menu; import android.view.MenuItem;

public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

1 个答案:

答案 0 :(得分:0)

您的布局位于工具栏下方,因为您将layout_behavior设置为片段布局。但是如果你删除它,不要忘记CoordinatorLayout将像默认的FrameLayout一样工作。

<thead>

<th>E-mail</th>  
<th>Web</th>  

</thead>

{% for member in list_of_members %}     

<form method="POST">     

<tbody>    

<tr>

    <!-- E-mail -->

    <td>

    <input style='width: 220px;' type='text' name='set_email' value='{{member.email}}'>        

    </td>

    <input type='hidden' name='member_id' value='{{ member.id }}'>  
    <button type="submit" formaction="/update-seznam-clenu-vyboru" class="btn btn-success" style='margin-top: 0px;'><i class="fa fa-pencil"></i></button>

    </td>

    </form>

</tr>

 </tbody>

{% endfor  %}