[英]Appcompatv7 - v21 Navigation drawer not showing hamburger icon
我正在使用最新的appcompat支持庫實現棒棒糖樣式的導航抽屜,但是問題是從未顯示漢堡包圖標。 僅顯示后退圖標。
這是我的活動代碼
import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.widget.Toolbar;
import android.view.View;
public class Home extends ActionBarActivity {
private DrawerLayout mDrawerLayout;
private ActionBarDrawerToggle mDrawerToggle;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_home);
initViews();
}
private void initViews(){
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
toolbar.setTitleTextColor(getResources().getColor(android.R.color.white));
setSupportActionBar(toolbar);
mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,toolbar , R.string.drawer_open, R.string.drawer_close) {
/** Called when a drawer has settled in a completely closed state. */
public void onDrawerClosed(View view) {
super.onDrawerClosed(view);
//getActionBar().setTitle(mTitle);
//invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
}
/** Called when a drawer has settled in a completely open state. */
public void onDrawerOpened(View drawerView) {
super.onDrawerOpened(drawerView);
//getActionBar().setTitle(mDrawerTitle);
//invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
}
};
// Set the drawer toggle as the DrawerListener
mDrawerLayout.setDrawerListener(mDrawerToggle);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setHomeButtonEnabled(true);
}
}
這是我的樣式文件
<resources>
<!-- Application theme. -->
<style name="Theme.Test" parent="@style/Theme.AppCompat.Light">
<!-- customize the color palette -->
<item name="colorPrimary">@color/primary</item>
<item name="colorPrimaryDark">@color/primary_dark</item>
<item name="colorAccent">@color/accent</item>
<item name="windowActionBar">false</item>
<item name="drawerArrowStyle">@style/Theme.Test.DrawerArrowStyle</item>
</style>
<style name="Theme.Test.DrawerArrowStyle" parent="@style/Widget.AppCompat.DrawerArrowToggle">
<item name="spinBars">true</item>
<item name="color">@android:color/white</item>
</style>
布局文件
<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" >
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
android:minHeight="?attr/actionBarSize"
app:theme="@style/ThemeOverlay.AppCompat.ActionBar" />
<android.support.v4.widget.DrawerLayout
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@+id/toolbar">
<!-- The main content view -->
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<!-- The navigation drawer -->
<ListView
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="#111"
android:choiceMode="singleChoice"
android:divider="@android:color/transparent"
android:dividerHeight="0dp" />
</android.support.v4.widget.DrawerLayout>
</RelativeLayout>
在這兩種情況下,只顯示了向后箭頭,我閱讀了很多文章,但似乎沒有什么改變。 任何幫助,將不勝感激。
你需要打電話
mDrawerToggle.syncState();
確保您導入了正確的抽屜開關。
當我導入v4版本時,我有箭頭(如下)。
import android.support.v4.app.ActionBarDrawerToggle;
將其更改為此(以下,v7)解決了我的問題。
import android.support.v7.app.ActionBarDrawerToggle;
確保您打電話
mDrawerToggle.syncState();
通話后
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setHomeButtonEnabled(true);
使用ActionBarDrawerToggle時,必須在onPostCreate()和onConfigurationChanged()期間調用它
@Override
protected void onPostCreate(Bundle savedInstanceState) {
super.onPostCreate(savedInstanceState);
// Sync the toggle state after onRestoreInstanceState has occurred.
mDrawerToggle.syncState();
}
@Override
public void onConfigurationChanged(Configuration newConfig) {
super.onConfigurationChanged(newConfig);
// Pass any configuration change to the drawer toggls
mDrawerToggle.onConfigurationChanged(newConfig);
}
由於我的NavigationDrawer擴展了一個不是Activity的Fragment,所以我無法覆蓋postCreate。 以下是我所做的。
ActionBar actionBar = getActionBar();
actionBar.setDisplayHomeAsUpEnabled(true); // this sets the button to the back icon
actionBar.setHomeButtonEnabled(true); // makes it clickable
actionBar.setHomeAsUpIndicator(R.drawable.ic_drawer);// set your own icon
希望能幫助到你!
不要忘記重寫onOptionsItemSelected方法,並檢查是否單擊了ctionBarDrawerToggle,在這種情況下,返回true,否則活動將結束。
@Override
public boolean onOptionsItemSelected(MenuItem item) {
if (actionBarDrawerToggle.onOptionsItemSelected(item)) {
return true;
}
return super.onOptionsItemSelected(item);
}
您可以簡單地使用:
// Defer code dependent on restoration of previous instance state.
mDrawerLayout.post(new Runnable() {
@Override
public void run() {
mDrawerToggle.syncState();
getActionBar().setHomeAsUpIndicator(R.drawable.ic_drawer);
}
});
mDrawerToggle.syncState()
對我不起作用,但最終我將其與以下文件一起使用:
getSupportActionBar().setHomeAsUpIndicator(R.drawable.hamburger_icon);
但是,我沒有使用工具欄。
在包含ActionBarDrawerToggle時,請確保使用post方法:
mDrawerLayout.post(new Runnable() {
@Override
public void run() {
mDrawerToggle.syncState();
}
});
我也遇到了類似的問題,就我而言,問題是,當啟動actionbartoggle時,我沒有傳遞有效的工具欄參數(工具欄稍后進行了初始化),如果沒有正確的非空工具欄,ActionBarToggle將無法創建漢堡圖標。
actionBarToggle = ActionBarDrawerToggle(this, mDrawer, toolbar,
R.string.drawer_open, R.string.drawer_close);
您可以在onRestoreInstanceState發生后,從Activity的onPostCreate調用syncState()將指示器與鏈接的DrawerLayout的狀態同步。
@Override
protected void onPostCreate(Bundle savedInstanceState) {
super.onPostCreate(savedInstanceState);
// Sync the toggle state after onRestoreInstanceState has occurred.
mDrawerToggle.syncState();
}
另外,ActionBarDrawerToggle也可以直接用作DrawerLayout.DrawerListener,或者,如果您已經提供了自己的偵聽器,則可以通過自己的方法調用每個偵聽器方法。
private ActionBarDrawerToggle mDrawerToggle;
private DrawerLayout mDrawerLayout;
.
.
.
.
mDrawerLayout.setDrawerListener(mDrawerToggle);
mDrawerLayout.post(new Runnable() {
@Override
public void run() {
mDrawerToggle.syncState();
}
});
這對我有用。 我已經擴展了AppCompatActivity而不是ActionBarActivity。
mActionBarDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,null, R.string.drawer_opened, R.string.drawer_closed) {
@Override
public void onDrawerOpened(View drawerView) {
super.onDrawerOpened(drawerView);
if( getSupportActionBar()!= null)
getSupportActionBar().setTitle(R.string.drawer_opened);
mActionBarDrawerToggle.syncState();
}
@Override
public void onDrawerClosed(View drawerView) {
super.onDrawerClosed(drawerView);
if(getSupportActionBar() != null)
getSupportActionBar().setTitle(R.string.drawer_closed);
mActionBarDrawerToggle.syncState();
}
};
單擊操作欄菜單時,導航抽屜未顯示。 這為我解決了。
@Override
public boolean onOptionsItemSelected(MenuItem item) {
if (mDrawerToggle.onOptionsItemSelected(item)) {
return true;
}
//add your switch statement
return super.onOptionsItemSelected(item);
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.