带动画的ActionBar --------- ToolBar（兼容低版本）

雨点打透心脏的1/2处 2022-08-06 12:09 162阅读 0赞

效果：

![20150122000713219][]

首先工程需要引用 v7的

修改values/style.xml

<resources>
    
        <style name="AppBaseTheme" parent="android:Theme.Light"></style>
        
        <style name="AppTheme" parent="AppTheme.Base">
            
        </style>
    
        
        <style name="AppTheme.Base" parent="Theme.AppCompat">
            <item name="windowActionBar">false</item>
            <item name="android:windowNoTitle">true</item>
            
            <item name="colorPrimary">@color/link_text_material_light</item>
            
            <item name="colorPrimaryDark">@color/link_text_material_light</item>
            
            <item name="android:windowBackground">@color/dim_foreground_material_dark</item>
            
            <item name="drawerArrowStyle">@style/AppTheme.MyDrawerArrowStyle</item>
        </style>
    
        
        <style name="AppTheme.MyDrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
    
            
            <item name="spinBars">false</item>
            
            <item name="color">@android:color/black</item>
        </style>
    
    </resources>

现在布局中可以加入ToolBar了

activity\_main.xml

onCreate方法， 注意继承 ActionBarActivity

@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    
    		// 设置ToolBar
    		Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    		// Title
    		toolbar.setTitle("Toolbar的标题");
    		// App Logo
    		// toolbar.setLogo(R.drawable.ic_launcher);
    		// Sub Title
    //		toolbar.setSubtitle("Sub title");
    
    		if (toolbar != null) {
    			setSupportActionBar(toolbar);
    		}
    
    		// Navigation Icon 要設定在 setSupoortActionBar 才有作用
    		// 否則會出現 back button
    		toolbar.setNavigationIcon(R.drawable.perm_group_system_tools);
    
    		// 打開 up button
    		getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    		mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer);
    		// 實作 drawer toggle 並放入 toolbar
    		mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, R.string.drawer_open,
    				R.string.drawer_close);
    		mDrawerToggle.syncState();
    		mDrawerLayout.setDrawerListener(mDrawerToggle);
    
    	}

github ：[https://github.com/18236887539/ToolBar][https_github.com_18236887539_ToolBar]

欢迎star

[20150122000713219]: /images/20220806/5db3f6c9d3f344d6b98bd198e3d5fda2.png
[https_github.com_18236887539_ToolBar]: https://github.com/18236887539/ToolBar