豆瓣Demo小节

2016-08-20 本文已影响0人 qianxL

ViewPager

此控件呢主要用于左右滑动切换View，android.support.v4.view.ViewPager包名。

此控件的结构如下：

布局文件里的ViewPager控件；

  <android.support.v4.view.ViewPager
  android:id="@+id/Page"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  </android.support.v4.view.ViewPager>

viewPager的自定义适配器,可以继承两个类，第一个FragmentPagerAdapter类对不再需要的Fragment仅仅销毁了视图，并不会销毁实例。FragmentStatePagerAdapter类对不再需要的Fragment是直接销毁。如viewPager展示的数目少就选择用FragmentPagerAdapter，反之另一个。

  private class PagerAdapter extends FragmentPagerAdapter{
   private List<Fragment> list;

  private final String[] TITLE_NUMBLE = getResources().getStringArray(R.array.tile_value);

  public PagerAdapter(FragmentManager fm) {
  super(fm);
  }

  public PagerAdapter(FragmentManager fm,List<Fragment> list){
  super(fm);
  this.list = list;
  }//构造函数根据需求定制，但一定要super(),把FragmentManager对象传给适配器

  @Override
  public CharSequence getPageTitle(int position) {
  return TITLE_NUMBLE[position]; //设置相应展示页面的标题。配合PagerSlidingTabStrip控件使用。
  }
  
  @Override
  public Fragment getItem(int position) {
   return list.get(position);//设置当前展示的Fragment
  }

   @Override
   public int getCount() {
    return TITLE_NUMBLE.length;  //设置展示的总条目
   }

  }

调用ViewPager对象的setAdapter（），参为传入自定义适配器对象。

调用ViewPager对象的setOffscreenPageLimit（int limit），设置屏幕外的Fragment（页面）数量。

PagerSlidingTabStrip

此控件主要用于根据ViewPager 的页面产生相应tab即在页面切换时产生相应的动画效果。
其结构如下：
- xml布局文件中的声明：
```
<com.astuetz.PagerSlidingTabStrip
android:id="@+id/pager_tab"
android:layout_width="match_parent"
android:layout_height="49dp"
android:textSize="23sp"
android:textColor="#808080"
android:background="#003399"
app:pstsIndicatorColor="#ccccff"
app:pstsIndicatorHeight="5dp"
app:pstsShouldExpand="true"/> 
```
其中呢android属性为设置控件的tab 属性，app属性呢为设置指示器的属性。
- 在代码中调用PagerSlidingTabStrip的setViewPager（ViewPager viewPager），传入需要指示的ViewPager对象。在ViewPager对象的适配器里，一定要复写getPageTitle（int postion）方法，这样PagerSlidingTabStrip对象才能获取到Title（标题）。

DrawerLayout

此控件用于侧滑菜单控件，官方控件V4包。
此布局控件区分侧滑菜单和主内容区呢主要通过控件的android:layout_gravity属性来区分，当属性值为start，菜单从左边划出，end是菜单从右边划出。

其结构如下：

NavigationView控件，侧滑菜单的官方推荐控件，也可是使用ListView和RecelcerView。
NavigationView控件主要由两部分构成，头布局与菜单部分。

<android.support.design.widget.NavigationView
android:id="@+id/navigation"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
app:headerLayout="@layout/header_layout"
app:menu="@menu/drwable_menu">
</android.support.design.widget.NavigationView>

headerlayout：因要放入NavigationView中，所以呢高得有一个值。

        <LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:gravity="center"
            android:background="#7EC0EE">
        
            <TextView
                android:layout_height="wrap_content"
                android:layout_width="match_parent"
                android:text="请选择跳转到那里"
                android:textColor="#708090"/>
        </LinearLayout>

menu：

        <menu xmlns:android="http://schemas.android.com/apk/res/android">
            <group
            android:id="@+id/mens_group1"
            android:checkable="true"
            android:checkableBehavior="single">

            <item
                android:id="@+id/nav_list_1"
                android:title="笔记"
                android:icon="@drawable/ic_1"/>
    
            <item
                android:id="@+id/nav_list_2"
                android:title="收藏"
                android:icon="@drawable/ic_2"/>
    
            <item
                android:id="@+id/nav_list_3"
                android:title="总结"
                android:icon="@drawable/ic_3"/>
    
            <item
                android:id="@+id/nav_list_4"
                android:title="我的"
                android:icon="@drawable/ic_4"/>
            </group>
        </menu>

这是一组菜单的写法，当需要多组时加group元素和包含item就可以，写法同上。

在代码中注册NavigationView对象的导航项目挑选事件。

   public void NavigationListener(){
       mNaviga.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
       @Override
       public boolean onNavigationItemSelected(MenuItem item){
           selectionItem(item);
           item.setChecked(true);
           mDlayout.closeDrawers();
           return true;//一定要返回true；
       }
    });
   }

   private void selectionItem(MenuItem item) {
   switch (item.getItemId()){
       case R.id.nav_list_1:
           mPager.setCurrentItem(0);
           break;
       case R.id.nav_list_2:
           mPager.setCurrentItem(1);
           break;
       case R.id.nav_list_3:
           mPager.setCurrentItem(2);
           break;
       case R.id.nav_list_4:
           mPager.setCurrentItem(3);
           break;
           default:
               Toast.makeText(MainActivity.this, "执行失败，没有选中", Toast.LENGTH_SHORT).show();
       }
   }

因为此Navigation里的项目被挑选时呢，即侧滑菜单就会被打开，所以做完是得把侧滑关闭，项目也得设置为选中。第二函数就是根据具体的项目ID做相应的事情了。

ActionBarDrawerToggle 可以设置此对象为DrawerLayout的开关。

mDrawerT = new ActionBarDrawerToggle(this,mDlayout,mToolb,R.string.drawer_open,R.string.drawer_close);

参数一为Context对象，参数二DrawerLayout对象，参数三为ToolBar对象。参数四和五分别是打开与关闭的信息。
因此对象要依附ToolBar控件，所以添加ToolBar控件。此控件需要gradle中添加依赖，代码如下：
compile ‘com.android.support:appcompat-v7:22.2.1’

 此链接是张哥的适配全版本ToolBar：
    [适配Toolbar](http://stormzhang.com/android/2015/08/16/boohee-toolbar/ "Toolbar")

豆瓣Demo小节

ViewPager

PagerSlidingTabStrip

DrawerLayout

猜你喜欢

热点阅读