# 單詞本頁面
頁面的特色是可以滑動觸摸切換頁面，每個頁面顯示不同的單詞，這個功能是如何實現的呢？
答案是ViewPager+Fragment
關于這個知識點，可以直接查看這篇文章：[fragment+viewpager實踐](http://blog.csdn.net/bobo8945510/article/details/52821741)
你一定會有收獲的。
單詞模塊的核心也在這里：
# WordsPageActivity 是單詞本模塊
~~~
public class WordsPageActivity extends FragmentActivity {
JellyViewPager pager;
int currentItem;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_words_page);
NoteDao noteDao=((DemoApplication)getApplication()).getDaoSession().getNoteDao();
List<Note> list=noteDao.queryBuilder().list();
if(list.size()<=0){
Toast.makeText(getApplicationContext(),"單詞本空無一物！",Toast.LENGTH_LONG).show();
Note note=new Note();
note.setSrcWords("無");
note.setText("無");
list.add(note);
}
pager = (JellyViewPager) findViewById(R.id.myViewPager1);
//pager.setAdapter(new TestPagerAdapter(this));
pager.setAdapter(new TestFragPagerAdapter((getSupportFragmentManager()),list));
pager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrollStateChanged(int state) {
switch(state){
case 1: //正在滑動
break;
case 2: //滑動結束
break;
}
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageSelected(int arg0) {
}
});
}
public void onClick(View view) {
switch(view.getId()){
case R.id.preBtn:
pager.showPre();
break;
case R.id.nextBtn:
pager.showNext();
break;
}
}
}
~~~
