自定义工具栏设计

我正在为搜索活动构建自定义工具栏，它适用于某些设备，不适用于其他屏幕。我试过在我的设备720 * 1280，它很好。但是当我在genymotion设备768 * 1280上打开应用程序时，它似乎就是这样。自定义工具栏设计

search_toolbar.xml

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:fitsSystemWindows="true"> 

<android.support.design.widget.AppBarLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/AppTheme.AppBarOverlay"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/search_toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="@drawable/search_bar_bg" 
     app:popupTheme="@style/AppTheme.PopupOverlay"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="horizontal"> 

      <ImageButton 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_marginBottom="2dp" 
       android:layout_weight=".1" 
       android:background="#fff" 
       android:clickable="true" 
       android:onClick="back" 
       android:src="@drawable/ic_arrow_back_black" /> 

      <EditText 
       android:id="@+id/searchText" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_gravity="center_vertical" 
       android:layout_marginLeft="5dp" 
       android:layout_weight=".99" 
       android:hint="@string/search" 
       android:padding="3dp" 
       android:textColor="#000" 
       android:textColorHint="#FFCEC9C9" 
       android:textSize="15sp" 
       android:textStyle="bold" /> 

     </LinearLayout> 
    </android.support.v7.widget.Toolbar> 
</android.support.design.widget.AppBarLayout> 
</android.support.design.widget.CoordinatorLayout>

Search.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical"> 

<include 
    layout="@layout/search_page_toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" /> 

<android.support.v7.widget.RecyclerView 
    android:id="@+id/search_recycler" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:padding="8dp" /> 
</LinearLayout>

来源

2017-01-09 khaledsamer

你应该修改你Search.xml像这样（请记住，在你的recyclerview添加app:layout_behavior="@string/appbar_scrolling_view_behavior"）：

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:fitsSystemWindows="true"> 

<android.support.design.widget.AppBarLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/AppTheme.AppBarOverlay"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/search_toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="@drawable/search_bar_bg" 
     app:popupTheme="@style/AppTheme.PopupOverlay"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="horizontal"> 

      <ImageButton 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_marginBottom="2dp" 
       android:layout_weight=".1" 
       android:background="#fff" 
       android:clickable="true" 
       android:onClick="back" 
       android:src="@drawable/ic_arrow_back_black" /> 

      <EditText 
       android:id="@+id/searchText" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_gravity="center_vertical" 
       android:layout_marginLeft="5dp" 
       android:layout_weight=".99" 
       android:hint="@string/search" 
       android:padding="3dp" 
       android:textColor="#000" 
       android:textColorHint="#FFCEC9C9" 
       android:textSize="15sp" 
       android:textStyle="bold" /> 

     </LinearLayout> 
    </android.support.v7.widget.Toolbar> 
</android.support.design.widget.AppBarLayout> 

<android.support.v7.widget.RecyclerView 
    android:id="@+id/search_recycler" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:padding="8dp" 
app:layout_behavior="@string/appbar_scrolling_view_behavior"/> 

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

来源

2017-01-09 13:45:13

谢谢，工作正常。但为什么我不能使用包括?? – khaledsamer

如果你想包含'search_toolbar.xml'。你只需要把工具栏放到'search_toolbar.xml'中，而不是整个'CoordinatorLayout'。 –

aha。非常感谢兄弟现在 – khaledsamer

尝试在AppBarLayoutandroid:theme="@style/ThemeOverlay.AppCompat.ActionBar"。

来源

2017-01-09 12:45:36

不是工作压力太大 – khaledsamer

使用此https://guides.codepath.com/android/Using-the-App-工具栏。希望这是你的解决方案。 –

自定义工具栏设计

回答

相关问题