Android開發(fā)實戰(zhàn)之漂亮的ViewPager引導頁
目前很多軟件安裝時都會出現(xiàn)引導頁面,用戶體驗很好。
下面就來DIY下:
因為視頻上傳很麻煩,所以截圖了。
首先看看效果圖:
點擊小點可自由切換,滑動也可以自由切換,最后一個導航頁添加了點擊跳轉(zhuǎn)。
開始實現(xiàn)引導頁:
一、采集需要的圖片放入drawable文件里
二、初始化每個導航頁的視圖
import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.support.v4.view.ViewPager; import android.util.Log; import android.view.View; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; import com.yyp.myapp.Adapter.ViewPagerAdapter; import com.yyp.myapp.R; import java.util.ArrayList; import java.util.List; public class ViewPagerActivity extends Activity implements ViewPager.OnPageChangeListener,View.OnClickListener { private ViewPager viewPager; private ImageView[] pots; private List<View> views; private TextView et_into_login; private ViewPagerAdapter adapter; //圖片資源 private int[] guideImages = {R.drawable.guide1,R.drawable.guide2,R.drawable.guide3}; private int index; private LinearLayout layout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_view_pager); initView(); initData(); } //初始化ViewPager public void initView() { layout = (LinearLayout) this.findViewById(R.id.ll_pots); viewPager = (ViewPager) this.findViewById(R.id.viewpager); et_into_login = (TextView) this.findViewById(R.id.et_into_login); views = new ArrayList<View>(); adapter = new ViewPagerAdapter(views); pots = new ImageView[guideImages.length]; Log.e("ll_viewpager", layout + ""); } //初始化每一個圖片數(shù)據(jù) public void initData() { //設置圖片的長寬類型 android.view.ViewGroup.LayoutParams layoutParams = new android.view.ViewGroup.LayoutParams(android.view.ViewGroup.LayoutParams.MATCH_PARENT,android.view.ViewGroup.LayoutParams.MATCH_PARENT); for(int i:guideImages) { ImageView imageView = new ImageView(this); imageView.setImageResource(i); //將對應圖片的id傳進去,用于初始化圖片 imageView.setLayoutParams(layoutParams); views.add(imageView); } initPot(); viewPager.setAdapter(adapter); viewPager.setOnPageChangeListener(this); } //初始化每個點顏色 public void initPot() { //點的集合 for(int i=0;i<layout.getChildCount();i++) { //全部設置為灰色 pots[i] = (ImageView) layout.getChildAt(i); pots[i].setImageResource(R.drawable.pot5); //給每個點設置點擊事件 pots[i].setOnClickListener(this); pots[i].setTag(i); } //第一個設置為橙色 index = 0; pots[index].setImageResource(R.drawable.pot1); } @Override public void onPageScrollStateChanged(int arg0) { // TODO Auto-generated method stub } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { // TODO Auto-generated method stub } @Override public void onPageSelected(int position) { // TODO Auto-generated method stub SetIndex(position); //最后一張導航頁才進行跳轉(zhuǎn)提示 if(position==2){ et_into_login.setVisibility(View.VISIBLE); }else{ et_into_login.setVisibility(View.INVISIBLE); } } public void SetIndex(int position) { // TODO Auto-generated method stub for(int i=0;i<layout.getChildCount();i++) { //全部設置為灰色 pots[i] = (ImageView) layout.getChildAt(i); pots[i].setImageResource(R.drawable.pot5); } //選中的設置為橙色 pots[position].setImageResource(R.drawable.pot1); } @Override public void onClick(View v) { // TODO Auto-generated method stub int i = (Integer) v.getTag(); //設置當前頁為i所對應的圖片 viewPager.setCurrentItem(i); if(i==2){ et_into_login.setVisibility(View.VISIBLE); } } //跳轉(zhuǎn)到登錄界面 public void goLogin(View v){ Intent goLogin = new Intent(this,LoginActivity.class); startActivity(goLogin); finish(); } }
三、初始化期間自定義ViewPager適配器
import android.support.v4.view.PagerAdapter; import android.view.View; import android.view.ViewGroup; import java.util.List; /** * Created by yyp on 2015/10/25. */ public class ViewPagerAdapter extends PagerAdapter { //獲得導航頁的圖片集 private List<View> views; public ViewPagerAdapter(List<View> views) { this.views = views; } //獲得界面?zhèn)€數(shù) @Override public int getCount() { //返回圖片頁數(shù) return views.size(); } //初始化position位置的界面 @Override public Object instantiateItem(ViewGroup container, int position) { ((ViewGroup)container).addView(views.get(position)); return views.get(position); } //判斷是否由對象生成界面 @Override public boolean isViewFromObject(View arg0, Object arg1) { // TODO Auto-generated method stub return arg0==arg1; } //對不在界面內(nèi)的導航頁進行刪除 @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(views.get(position)); } }
在用戶體驗方面,我們能發(fā)掘的東西還有很多,說不定下次流行的視圖,就是我們某個人做出來的。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- Android使用ViewPager實現(xiàn)啟動引導頁
- Android自定義引導玩轉(zhuǎn)ViewPager的方法詳解
- Android開發(fā)實現(xiàn)的ViewPager引導頁功能(動態(tài)加載指示器)詳解
- ViewPager實現(xiàn)漂亮的引導頁
- Android控件ViewPager實現(xiàn)帶有動畫的引導頁
- ViewPager實現(xiàn)帶引導小圓點與自動跳轉(zhuǎn)的引導界面
- Android利用ViewPager實現(xiàn)用戶引導界面效果的方法
- ViewPager打造輪播圖Banner/引導頁Guide
- Android使用ViewPager完成app引導頁
- ViewPager實現(xiàn)輪播圖引導頁
相關文章
Android開發(fā)之關閉和打開Speaker(揚聲器)的方法
這篇文章主要介紹了Android開發(fā)之關閉和打開Speaker(揚聲器)的方法,結合實例形式簡單分析了Android揚聲器的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-03-03Android實現(xiàn)TextView中文字鏈接的4種方式介紹及代碼
Android實現(xiàn)TextView中文字鏈接的方式有很多種;總結起來大概有4種:用Spannable或?qū)崿F(xiàn)它的類,如SpannableString來格式,部分字符串等等,感興趣的你可以參考下2013-02-02Android自定義View實現(xiàn)分段選擇按鈕的實現(xiàn)代碼
這篇文章主要介紹了Android自定義View實現(xiàn)分段選擇按鈕的實現(xiàn)代碼,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2020-12-12android Web跳轉(zhuǎn)到app指定頁面并傳遞參數(shù)實例
這篇文章主要介紹了android Web跳轉(zhuǎn)到app指定頁面并傳遞參數(shù)實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03android POST數(shù)據(jù)遇到的UTF-8編碼(亂碼)問題解決辦法
這篇文章主要介紹了android POST數(shù)據(jù)遇到的UTF-8編碼(亂碼)問題解決辦法,需要的朋友可以參考下2014-04-04