Toolbar,DrawerLayout,PagerSlidingTabStrip 草丛三基友实现常规home页面

来源:转载


toolbar

一、修改style主题

 <style name="AppBaseTheme" parent="Theme.AppCompat.Light"> <!-- Theme customizations available in newer API levels can go in res/values-vXX/styles.xml, while customizations related to backward-compatibility can go here. --> <!-- 这两句隐藏actionBar 也可以吧parent="xxx"改成parent="xxx.NoActionBar" --> <item name="windowActionBar">false</item> <item name="windowNoTitle">true</item><!-- 旧版本是 android:windowNoTitle--> <!-- customize the color palette --> <!-- toolbar颜色 --> <item name="colorPrimary">@color/material_blue_500</item> <!-- 状态栏颜色 --> <item name="colorPrimaryDark">@color/material_blue_700</item> <!-- 窗口的背景颜色 --> <item name="android:windowBackground">@android:color/white</item> <!-- colorAccent 对应EditText编辑时、RadioButton选中、CheckBox等选中时的颜色。 --> <item name="colorAccent">@color/material_green_A200</item> </style>


二、toolbar设置

 <android.support.v7.widget.Toolbar android:id="@+id/id_toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" />



三、代码

mToolbar = (Toolbar) findViewById(R.id.id_toolbar); // mToolbar.setLogo(R.drawable.ic_launcher); mToolbar.setTitle("标题");// 标题的文字需在setSupportActionBar之前,不然会无效 // mToolbar.setSubtitle("副标题"); setSupportActionBar(mToolbar); /* * 这些通过ActionBar来设置也是一样的,注意要在setSupportActionBar(toolbar);之后,不然就报错了 // * getSupportActionBar().setTitle("标题"); // * getSupportActionBar().setSubtitle("副标题"); // * getSupportActionBar().setLogo(R.drawable.ic_launcher); * */ getSupportActionBar().setDisplayHomeAsUpEnabled(true);


DrawerLayout

一、xml

 <!-- 外层不用线性布局 记得android:layout_below="@id/id_toolbar" 不然侧滑框覆盖菜单按钮 --> <android.support.v4.widget.DrawerLayout android:id="@+id/id_drawerLayout" android:layout_below="@id/id_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" > <!-- 内容界面 --> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <com.astuetz.PagerSlidingTabStrip android:id="@+id/id_pagerSlidingTabStrip" android:layout_width="match_parent" android:layout_height="48dip" > </com.astuetz.PagerSlidingTabStrip> <android.support.v4.view.ViewPager android:id="@+id/id_viewpager" android:layout_width="match_parent" android:layout_height="match_parent" > </android.support.v4.view.ViewPager> </LinearLayout> <!-- 侧滑菜单内容 --> <LinearLayout android:id="@+id/drawer_view" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="start" android:background="@android:color/darker_gray" android:orientation="vertical" android:padding="8dp" > <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="@string/hello_world" /> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="@string/hello_world" /> </LinearLayout> </android.support.v4.widget.DrawerLayout>


二、java

mDrawerLayout=(DrawerLayout) findViewById(R.id.id_drawerLayout); mActionBarDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, mToolbar, R.string.drawer_open, R.string.drawer_close); mActionBarDrawerToggle.syncState(); mDrawerLayout.setDrawerListener(mActionBarDrawerToggle);

PagerSlidingTabStrip

一、xml

在上面

DrawerLayout
里面


二、java

 //向ViewPager绑定PagerSlidingTabStrip mPagerSlidingTabStrip = (PagerSlidingTabStrip) findViewById(R.id.id_pagerSlidingTabStrip); mPagerSlidingTabStrip.setViewPager(mViewPager); 




其他见代码。。。




demo:   http://download.csdn.net/detail/richiezhu/9197763




版权声明:本文为【LouisGeek】原创文章,转载请注明出处!


分享给朋友:
您可能感兴趣的文章:
随机阅读: