android中ViewPager詳解--視圖滑動、界面卡等效果 （一）
1. 這是谷歌官方給咱們提供的一個兼容低版本安卓設備的軟件包，裏面包囊了只有在安卓3.0以上可使用的api。而viewpager就是其中之一。利用它，咱們能夠作不少事情，從最簡單的導航，到頁面菜單等等。那如何使用它呢，與LisstView相似，咱們也須要一個適配器，他就是PagerAdapter。看一下api的圖片，html
2. ViewPager的功能就是可使視圖滑動，就像Lanucher左右滑動那樣。java
分三個步驟來使用它：
android
1.在佈局文件里加入ViewPagerapi
<android.support.v4.view.ViewPager 這個組件，注意這個組件是用來顯示左右滑動的界面的，若是不加載xml佈局文件，他是不會顯示內容的。 android:id="@+id/viewpager" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" >
2.加載要顯示的頁面數組
將要分頁顯示的View裝入數組中：分頁顯示的View分別由留個佈局文件組成，每個佈局文件裏是一個Viewapp
LayoutInflater lf = getLayoutInflater().from(this); view1 = lf.inflate(R.layout.layout1, null); view2 = lf.inflate(R.layout.layout2, null); view3 = lf.inflate(R.layout.layout3, null); viewList = new ArrayList<View>();// 將要分頁顯示的View裝入數組中 viewList.add(view1); viewList.add(view2); viewList.add(view3);
3.在Activity裏實例化ViewPager組件，並設置它的Adapter（就是PagerAdapter，方法與ListView同樣的），在這裏通常須要重寫PagerAdapter。ide
PagerAdapter pagerAdapter = new PagerAdapter() {
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public int getCount() {
return viewList.size();
}
@Override
public void destroyItem(ViewGroup container, int position,
Object object) {
container.removeView(viewList.get(position));
}
@Override
public int getItemPosition(Object object) {
return super.getItemPosition(object);
}
@Override
public CharSequence getPageTitle(int position) {
return titleList.get(position);
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(viewList.get(position));
weibo_button=(Button) findViewById(R.id.button1);
weibo_button.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
intent=new Intent(ViewPagerDemo.this,WeiBoActivity.class);
startActivity(intent);
}
});
return viewList.get(position);
}
};
viewPager.setAdapter(pagerAdapter);
這是重寫PagerAdapter的一個方法，咱們還能夠這樣作：佈局
public class MyViewPagerAdapter extends PagerAdapter{
private List<View> mListViews;
public MyViewPagerAdapter(List<View> mListViews) {
this.mListViews = mListViews;//構造方法，參數是咱們的頁卡，這樣比較方便。
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(mListViews.get(position));//刪除頁卡
}
@Override
public Object instantiateItem(ViewGroup container, int position) { //這個方法用來實例化頁卡
container.addView(mListViews.get(position), 0);//添加頁卡
return mListViews.get(position);
}
@Override
public int getCount() {
return mListViews.size();//返回頁卡的數量
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0==arg1;//官方提示這樣寫
}
}
大同小異，有一點很重要，就是咱們須要重寫哪些方法。從上面的圖片能夠看到，ViewPager的適配器是PagerAdapter，它是基類提供適配器來填充頁面ViewPager內部，你極可能想要使用一個更具體的實現,如FragmentPagerAdapter或FragmentStatePagerAdapter。在這裏須要說明一下，其實ViewPager應該和Fragment一塊兒使用，至少谷歌官方是這麼想的，可是在3.0之下，咱們沒有必要這麼作。下面要注意，當你實現一個PagerAdapter,你必須至少覆蓋如下方法:this
從上面的例子中能夠看到，咱們最少也是實現了上面四個方法，固然若是你想讓程序更健壯或是功能更全面，你能夠重寫其餘的方法。
下面看一下第一個完整的示例代碼：
主頁面Activity：
package com.example.viewpagerdemo;
import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Button;
public class ViewPagerDemo extends Activity {
private View view1, view2, view3;//須要滑動的頁卡
private ViewPager viewPager;//viewpager
private PagerTitleStrip pagerTitleStrip;//viewpager的標題
private PagerTabStrip pagerTabStrip;//一個viewpager的指示器，效果就是一個橫的粗的下劃線
private List<View> viewList;//把須要滑動的頁卡添加到這個list中
private List<String> titleList;//viewpager的標題
private Button weibo_button;//button對象，一會用來進入第二個Viewpager的示例
private Intent intent;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_view_pager_demo);
initView();
}
/*在這裏須要說明一下，在上面的圖片中咱們看到了，PagerTabStrip，PagerTitleStrip，他們實際上是viewpager的一個指示器，前者效果就是一個橫的粗的下劃線，後者用來顯示各個頁卡的標題，固然而這也能夠共存。在使用他們的時候須要注意，看下面的佈局文件，要在android.support.v4.view.ViewPager裏面添加
android.support.v4.view.PagerTabStrip以及android.support.v4.view.PagerTitleStrip。
private void initView() {
viewPager = (ViewPager) findViewById(R.id.viewpager);
//pagerTitleStrip = (PagerTitleStrip) findViewById(R.id.pagertitle);
pagerTabStrip=(PagerTabStrip) findViewById(R.id.pagertab);
pagerTabStrip.setTabIndicatorColor(getResources().getColor(R.color.gold));
pagerTabStrip.setDrawFullUnderline(false);
pagerTabStrip.setBackgroundColor(getResources().getColor(R.color.azure));
pagerTabStrip.setTextSpacing(50);
/*
weibo_button=(Button) findViewById(R.id.button1);
weibo_button.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
intent=new Intent(ViewPagerDemo.this,WeiBoActivity.class);
startActivity(intent);
}
});
*/
view1 = findViewById(R.layout.layout1);
view2 = findViewById(R.layout.layout2);
view3 = findViewById(R.layout.layout3);
LayoutInflater lf = getLayoutInflater().from(this);
view1 = lf.inflate(R.layout.layout1, null);
view2 = lf.inflate(R.layout.layout2, null);
view3 = lf.inflate(R.layout.layout3, null);
viewList = new ArrayList<View>();// 將要分頁顯示的View裝入數組中
viewList.add(view1);
viewList.add(view2);
viewList.add(view3);
titleList = new ArrayList<String>();// 每一個頁面的Title數據
titleList.add("wp");
titleList.add("jy");
titleList.add("jh");
PagerAdapter pagerAdapter = new PagerAdapter() {
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public int getCount() {
return viewList.size();
}
@Override
public void destroyItem(ViewGroup container, int position,
Object object) {
container.removeView(viewList.get(position));
}
@Override
public int getItemPosition(Object object) {
return super.getItemPosition(object);
}
@Override
public CharSequence getPageTitle(int position) {
return titleList.get(position);//直接用適配器來完成標題的顯示，因此從上面能夠看到，咱們沒有使用PagerTitleStrip。固然你可使用。
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(viewList.get(position));
weibo_button=(Button) findViewById(R.id.button1);//這個須要注意，咱們是在重寫adapter裏面實例化button組件的，若是你在onCreate()方法裏這樣作會報錯的。
weibo_button.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
intent=new Intent(ViewPagerDemo.this,WeiBoActivity.class);
startActivity(intent);
}
});
return viewList.get(position);
}
};
viewPager.setAdapter(pagerAdapter);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_view_pager_demo, menu);
return true;
}
}
佈局文件：
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" > <android.support.v4.view.PagerTabStrip android:id="@+id/pagertab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="top"/> </android.support.v4.view.ViewPager> </LinearLayout> <!--注意事項: 1.這裏ViewPager和 PagerTabStrip都要把包名寫全了，否則會ClassNotFount 2.API中說：在佈局xml把PagerTabStrip當作ViewPager的一個子標籤來用，不能拿出來，否則仍是會報錯 3.在PagerTabStrip標籤中能夠用屬性android:layout_gravity=TOP|BOTTOM來指定title的位置 4.若是要顯示出PagerTabStrip某一頁的title,須要在ViewPager的adapter中實現getPageTitle(int)-->
這樣就完成了一個簡單的ViewPager的使用示例，看一下效果圖：
能夠左右滑動頁卡，可是仔細看一下，標題的效果很差，不能一次顯示一個，並且標題還滑動。其實在api裏面提供了一個pagerTabStrip.setTextSpacing()來設置標題的距離，可是我在這裏設置了，沒有效果不知道爲何，明白的朋友但願可以賜教一下。
因此就有人使用下面這樣的方法來仿微博的效果，，
這個標題就固定了，並且能夠左右滑動，也有下面的橫線，來指示頁卡。方法和上面的差很少，區別在於這個橫線須要咱們本身來作，其實就是一個圖片。
這個例子是網上的一篇文章，其代碼見android中ViewPager詳解--視圖滑動界面 （二）
相關文章
- 1. android中ViewPager詳解--視圖滑動、界面卡等效果 （二）
- 2. android中ViewPager詳解--視圖滑動、界面卡等效果 （三）
- 3. Android ViewPager酷炫的卡片滑動效果
- 4. android ViewPager滑動歡迎界面
- 5. Android ViewPager多頁面滑動切換以及動畫效果(轉)
- 6. Android ViewPager多頁面滑動切換以及動畫效果
- 7. APP卡片滑動效果
- 8. 深度解析ViewPager 頁面 滑動效果PageTransformer
- 9. Android實現ViewPager滑屏動作並添加動畫效果
- 10. ViewPager裏面Fragment滑動卡頓
- 更多相關文章...
- • SVG 模糊效果 - SVG 教程
- • ionic 滑動框 - ionic 教程
- • 算法總結-滑動窗口
- • SpringBoot中properties文件不能自動提示解決方法
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. android中ViewPager詳解--視圖滑動、界面卡等效果 （二）
- 2. android中ViewPager詳解--視圖滑動、界面卡等效果 （三）
- 3. Android ViewPager酷炫的卡片滑動效果
- 4. android ViewPager滑動歡迎界面
- 5. Android ViewPager多頁面滑動切換以及動畫效果(轉)
- 6. Android ViewPager多頁面滑動切換以及動畫效果
- 7. APP卡片滑動效果
- 8. 深度解析ViewPager 頁面 滑動效果PageTransformer
- 9. Android實現ViewPager滑屏動作並添加動畫效果
- 10. ViewPager裏面Fragment滑動卡頓