Android ViewPager向?qū)ы撁嬷谱鞣椒?/h1>
更新時(shí)間：2016年11月15日 15:14:50 作者：zsml2016
這篇文章主要為大家詳細(xì)介紹了Android ViewPager向?qū)ы撁嬷谱鞣椒?具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
接著上一篇博客，上一篇博客跟大家分享了三種開始頁面的定時(shí)跳轉(zhuǎn)，根據(jù)項(xiàng)目需求接下來就說一下向?qū)ы撁姘?！幾乎每一個(gè)APP都有自己的向?qū)ы撁妫话愣际堑谝淮伟惭b的時(shí)或者第一次進(jìn)入應(yīng)用時(shí)才有向?qū)ы撁娴?，就是只出現(xiàn)一次向?qū)ы撁妫驅(qū)ы撁骖櫭剂x是指引客戶大概了解APP的功能，向客戶介紹APP的主要內(nèi)容和使用方式，給客戶一種期待已久的感覺，向?qū)ы撁娴膶?shí)現(xiàn)方法有很多，現(xiàn)在我就以我之前做的項(xiàng)目為例給大家介紹用ViewPager去實(shí)現(xiàn)向?qū)ы撁姘桑?/p>
現(xiàn)在就給你們先看看效果圖，是很酷吧！
一、判斷開始頁面是否跳轉(zhuǎn)到向?qū)ы撁?/strong>（如果是第一次進(jìn)入APP，則開始頁面跳轉(zhuǎn)到想到頁面；如果不是第一次進(jìn)入APP了，則開始頁面跳轉(zhuǎn)到主頁面。這就是向?qū)ы撁嬷怀霈F(xiàn)一次的邏輯構(gòu)思）
// 判斷是否進(jìn)入向?qū)Ы缑孢€是主界面
if (SpTools.getBoolean(getApplicationContext(), MyConstants.ISSETUP, false)){
//true，設(shè)置過，直接進(jìn)入主界面
//
Intent main = new Intent(SplashActivity.this,MainActivity.class);
startActivity(main);//主界面
} else {
//false，沒設(shè)置過，進(jìn)入設(shè)置向?qū)Ы缑?
Intent intent = new Intent(SplashActivity.this,GuideActivity.class);
startActivity(intent);//向?qū)Ы缑?
}
二、向?qū)ы撁鍳uideActivity.class的實(shí)現(xiàn)，用ViewPager來實(shí)現(xiàn)。 （默認(rèn)第一次進(jìn)入APP的，不然開始頁面就不會(huì)跳轉(zhuǎn)到向?qū)ы撁媪耍┤绻袑?duì)ViewPager不熟悉的，也可以查一下Android API幫助文檔，地址：http://android-doc.com/reference/android/support/v4/view/ViewPager.html
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.ViewTreeObserver.OnGlobalLayoutListener;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.RelativeLayout;
import com.zsml.fashiongou.sputils.DensityUtil;
import com.zsml.fashiongou.sputils.MyConstants;
import com.zsml.fashiongou.sputils.SpTools;
import java.util.ArrayList;
import java.util.List;
public class GuideActivity extends Activity
{
private ViewPager vp_guids;
private LinearLayout ll_points;
private View v_redpoint;
private Button bt_startExp;
private List<ImageView> guids;
private MyAdapter adapter;
private int disPoints;//
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉標(biāo)題
// Full Screen
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
initView();// 初始化界面
initData();//初始化數(shù)據(jù)
initEvent();//初始化組件事件
}
private void initEvent() {
//
v_redpoint.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
//
v_redpoint.getViewTreeObserver().removeGlobalOnLayoutListener(this);
//
disPoints = (ll_points.getChildAt(1).getLeft() - ll_points.getChildAt(0)
.getLeft());
}
});
//給開始體驗(yàn)按鈕添加點(diǎn)擊事件
bt_startExp.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
//保存設(shè)置的狀態(tài)
SpTools.setBoolean(getApplicationContext(), MyConstants.ISSETUP, true);//保存設(shè)置完成的狀態(tài)
//進(jìn)入主界面
Intent main = new Intent(GuideActivity.this,MainActivity.class);
startActivity(main);//啟動(dòng)主界面
//關(guān)閉自己
finish();
}
});
//
vp_guids.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int position) {
//當(dāng)前viewpager顯示的頁碼
//如果viewpager滑動(dòng)到第三頁碼（最后一頁），顯示button
if (position == guids.size() - 1) {
bt_startExp.setVisibility(View.VISIBLE);//設(shè)置按鈕的顯示
} else {
//隱藏該按鈕
bt_startExp.setVisibility(View.GONE);
}
}
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
//
//
float leftMargin = disPoints * (position + positionOffset);
//
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) v_redpoint.getLayoutParams();
layoutParams.leftMargin = Math.round(leftMargin);//
//
v_redpoint.setLayoutParams(layoutParams);
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
}
private void initData() {
// viewpaper adapter適配器 list容器
// 圖片的數(shù)據(jù)（數(shù)組）
int[] pics = new int[] { R.mipmap.img_guide_1, R.mipmap.img_guide_2,
R.mipmap.img_guide_3};
//定義viewpager使用的容器
guids = new ArrayList<ImageView>();
//創(chuàng)建viewpager的適配器
for (int i = 0; i < pics.length; i++) {
ImageView iv_temp = new ImageView(getApplicationContext());
iv_temp.setBackgroundResource(pics[i]);
//添加界面的數(shù)據(jù)
guids.add(iv_temp);
//
View v_point = new View(getApplicationContext());
// v_point.setBackgroundResource(R.drawable.gray_point);//紅點(diǎn)背景色
int dip = 10;
//
LayoutParams params = new LayoutParams(DensityUtil.dip2px(getApplicationContext(), dip), DensityUtil.dip2px(getApplicationContext(), dip));// dp
//
//
if (i != 0)//
params.leftMargin = 47;//
v_point.setLayoutParams(params);//
//
ll_points.addView(v_point);
}
//
// 創(chuàng)建viewpager的適配器
adapter = new MyAdapter();
// 設(shè)置適配器
vp_guids.setAdapter(adapter);
}
//viewpager的適配器
private class MyAdapter extends PagerAdapter
{
@Override
public int getCount() {
return guids.size();// 返回?cái)?shù)據(jù)的個(gè)數(shù)
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;// 過濾和緩存的作用
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);//從viewpager中移除掉
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
// container viewpaper
//獲取View
View child = guids.get(position);
// 添加View
container.addView(child);
return child;
}
}
private void initView() {
setContentView(R.layout.activity_guide);
// ViewPage組件
vp_guids = (ViewPager) findViewById(R.id.vp_guide_pages);
// 動(dòng)態(tài)加點(diǎn)容器
ll_points = (LinearLayout) findViewById(R.id.ll_guide_points);
// 點(diǎn)
v_redpoint = findViewById(R.id.v_guide_redpoint);
//確定開始體驗(yàn)按鈕
bt_startExp = (Button) findViewById(R.id.bt_guide_startexp);
}
}
注、關(guān)于是否是第一次進(jìn)入，實(shí)現(xiàn)方式比較簡單，用過使用SharedPreferences保存使用狀態(tài)，將他封裝到工具類中便于使用！這里我就直接貼出SharedPreferences封裝好的3個(gè)工具類了
（一）、
import android.content.Context;
/**
* Created by Administrator on 2016/11/1 0001.
*/
public class DensityUtil {
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
/**
*
*/
public static int px2dip(Context context, float pxValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (pxValue / scale + 0.5f);
}
}
（二）、
/**
* Created by Administrator on 2016/11/1 0001.
*/
public interface MyConstants
{
String CONFIGFILE = "cachevalue";//sp的文件名
String ISSETUP = "issetup";//是否設(shè)置向?qū)Ы缑嬖O(shè)置過數(shù)據(jù)
}
（三）、
import android.content.Context;
import android.content.SharedPreferences;
/**
* Created by Administrator on 2016/11/1 0001.
*/
public class SpTools {
public static void setBoolean(Context context, String key, boolean value){
SharedPreferences sp = context.getSharedPreferences(MyConstants.CONFIGFILE, Context.MODE_PRIVATE);
sp.edit().putBoolean(key, value).commit();//提交保存鍵值對(duì)
}
public static boolean getBoolean(Context context,String key,boolean defValue){
SharedPreferences sp = context.getSharedPreferences(MyConstants.CONFIGFILE, Context.MODE_PRIVATE);
return sp.getBoolean(key, defValue);
}
}
三、XML的布局實(shí)現(xiàn)
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<android.support.v4.view.ViewPager
android:id="@+id/vp_guide_pages"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</android.support.v4.view.ViewPager>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="30dip" >
<LinearLayout
android:id="@+id/ll_guide_points"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</LinearLayout>
<View
android:id="@+id/v_guide_redpoint"
android:layout_width="10dip"
android:layout_height="10dip"
android:layout_marginBottom="0.7dp"
android:background="@drawable/red_point" />
</RelativeLayout>
<Button
android:id="@+id/bt_guide_startexp"
android:background="@drawable/btn_selector"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="45dip"
android:paddingTop="5dip"
android:paddingBottom="5dip"
android:paddingLeft="10dip"
android:paddingRight="10dip"
android:textColor="@color/btn_colors"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="開始體驗(yàn)"
android:visibility="gone"
android:textSize="18sp" />
</RelativeLayout>
注、關(guān)于圓點(diǎn)、Button按鈕的狀態(tài)、等UI效果的設(shè)置
（一）、自己畫圓點(diǎn)，定義顏色
外面的大圓big_point.xml：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<corners android:radius="5dip"></corners>
<solid android:color="#ffffff"></solid>
</shape>
里面的圓點(diǎn)small_point.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<corners android:radius="5dip"></corners>
<solid android:color="#fff"></solid>
</shape>
（二）、Button的顏色、以及狀態(tài)選擇
背景狀態(tài)選擇器btn_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 按鈕按下的狀態(tài) -->
<item android:drawable="@drawable/button_red_pressed" android:state_pressed="true"></item>
<!-- 按鈕松開的狀態(tài) -->
<item android:drawable="@drawable/button_red_normal" android:state_pressed="false"></item>
</selector>
文本顏色選擇器btn_colors.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 按鈕按下的狀態(tài) 黑色 -->
<item android:color="#000000" android:state_pressed="true"></item>
<!-- 按鈕松開的狀態(tài) 白色 -->
<item android:color="#ffffff" ></item>
</selector>
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:- 詳解Android 手機(jī)衛(wèi)士設(shè)置向?qū)ы撁?/a>
- 使用ViewPager實(shí)現(xiàn)android軟件使用向?qū)Чδ軐?shí)現(xiàn)步驟
- Android實(shí)現(xiàn)繞球心旋轉(zhuǎn)的引導(dǎo)頁效果
- Android開發(fā)實(shí)戰(zhàn)之漂亮的ViewPager引導(dǎo)頁
- RxJava兩步打造華麗的Android引導(dǎo)頁
- Android使用ViewPager實(shí)現(xiàn)啟動(dòng)引導(dǎo)頁
- Android利用ViewPager實(shí)現(xiàn)用戶引導(dǎo)界面效果的方法
- 很贊的引導(dǎo)界面效果Android控件ImageSwitcher實(shí)現(xiàn)
- Android繪制炫酷引導(dǎo)界面
- android 引導(dǎo)界面的實(shí)現(xiàn)方法
相關(guān)文章
-
這篇文章主要介紹了Android的Service用法,很實(shí)用的功能,需要的朋友可以參考下 2014-08-08
-
可以通過RasterMap的getDirection()方法來查詢路徑，和查詢地址類似，路徑查詢的結(jié)果也是通過回調(diào)函數(shù)的方式來通知應(yīng)用程序的，下面的例子返回南京到北京的路徑 2013-10-10
-
Android實(shí)現(xiàn)上下菜單雙向滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)上下菜單雙向滑動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下 2018-01-01
-
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)簡易記事本，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下 2020-07-07
-
這篇文章主要介紹了Android 如何查看Wifi密碼的相關(guān)資料,需要的朋友可以參考下 2017-01-01
-
Android實(shí)現(xiàn)登錄注冊(cè)界面框架
這篇文章主要介紹了Android實(shí)現(xiàn)登錄注冊(cè)界面的框架，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下 2021-09-09
-
Android LaunchMode四種啟動(dòng)模式詳細(xì)介紹
這篇文章主要介紹了Android LaunchMode四種啟動(dòng)模式詳細(xì)介紹的相關(guān)資料,這里對(duì)launchmode的使用方法進(jìn)行了詳解及啟動(dòng)模式的比較，需要的朋友可以參考下 2016-12-12
-
這篇文章主要介紹了Android中BaseAdapter的用法分析與理解,結(jié)合一個(gè)項(xiàng)目開發(fā)中BaseAdapter的使用分析了BaseAdapter的功能、作用及用法理解,需要的朋友可以參考下 2016-08-08
-
Android自定義View實(shí)現(xiàn)可以拖拽的GridView
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)可以拖拽的GridView，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下 2016-06-06
-
這篇文章主要介紹了Android編程獲取圖片數(shù)據(jù)的方法,涉及Android網(wǎng)絡(luò)通信數(shù)據(jù)流傳輸及圖片操作相關(guān)技巧,需要的朋友可以參考下 2017-07-07
最新評(píng)論
接著上一篇博客，上一篇博客跟大家分享了三種開始頁面的定時(shí)跳轉(zhuǎn)，根據(jù)項(xiàng)目需求接下來就說一下向?qū)ы撁姘?！幾乎每一個(gè)APP都有自己的向?qū)ы撁妫话愣际堑谝淮伟惭b的時(shí)或者第一次進(jìn)入應(yīng)用時(shí)才有向?qū)ы撁娴?，就是只出現(xiàn)一次向?qū)ы撁妫驅(qū)ы撁骖櫭剂x是指引客戶大概了解APP的功能，向客戶介紹APP的主要內(nèi)容和使用方式，給客戶一種期待已久的感覺，向?qū)ы撁娴膶?shí)現(xiàn)方法有很多，現(xiàn)在我就以我之前做的項(xiàng)目為例給大家介紹用ViewPager去實(shí)現(xiàn)向?qū)ы撁姘桑?/p>
現(xiàn)在就給你們先看看效果圖，是很酷吧！
一、判斷開始頁面是否跳轉(zhuǎn)到向?qū)ы撁?/strong>（如果是第一次進(jìn)入APP，則開始頁面跳轉(zhuǎn)到想到頁面；如果不是第一次進(jìn)入APP了，則開始頁面跳轉(zhuǎn)到主頁面。這就是向?qū)ы撁嬷怀霈F(xiàn)一次的邏輯構(gòu)思）
// 判斷是否進(jìn)入向?qū)Ы缑孢€是主界面
if (SpTools.getBoolean(getApplicationContext(), MyConstants.ISSETUP, false)){
//true，設(shè)置過，直接進(jìn)入主界面
//
Intent main = new Intent(SplashActivity.this,MainActivity.class);
startActivity(main);//主界面
} else {
//false，沒設(shè)置過，進(jìn)入設(shè)置向?qū)Ы缑?
Intent intent = new Intent(SplashActivity.this,GuideActivity.class);
startActivity(intent);//向?qū)Ы缑?
}
二、向?qū)ы撁鍳uideActivity.class的實(shí)現(xiàn)，用ViewPager來實(shí)現(xiàn)。 （默認(rèn)第一次進(jìn)入APP的，不然開始頁面就不會(huì)跳轉(zhuǎn)到向?qū)ы撁媪耍┤绻袑?duì)ViewPager不熟悉的，也可以查一下Android API幫助文檔，地址：http://android-doc.com/reference/android/support/v4/view/ViewPager.html
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.ViewTreeObserver.OnGlobalLayoutListener;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.RelativeLayout;
import com.zsml.fashiongou.sputils.DensityUtil;
import com.zsml.fashiongou.sputils.MyConstants;
import com.zsml.fashiongou.sputils.SpTools;
import java.util.ArrayList;
import java.util.List;
public class GuideActivity extends Activity
{
private ViewPager vp_guids;
private LinearLayout ll_points;
private View v_redpoint;
private Button bt_startExp;
private List<ImageView> guids;
private MyAdapter adapter;
private int disPoints;//
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉標(biāo)題
// Full Screen
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
initView();// 初始化界面
initData();//初始化數(shù)據(jù)
initEvent();//初始化組件事件
}
private void initEvent() {
//
v_redpoint.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
//
v_redpoint.getViewTreeObserver().removeGlobalOnLayoutListener(this);
//
disPoints = (ll_points.getChildAt(1).getLeft() - ll_points.getChildAt(0)
.getLeft());
}
});
//給開始體驗(yàn)按鈕添加點(diǎn)擊事件
bt_startExp.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
//保存設(shè)置的狀態(tài)
SpTools.setBoolean(getApplicationContext(), MyConstants.ISSETUP, true);//保存設(shè)置完成的狀態(tài)
//進(jìn)入主界面
Intent main = new Intent(GuideActivity.this,MainActivity.class);
startActivity(main);//啟動(dòng)主界面
//關(guān)閉自己
finish();
}
});
//
vp_guids.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int position) {
//當(dāng)前viewpager顯示的頁碼
//如果viewpager滑動(dòng)到第三頁碼（最后一頁），顯示button
if (position == guids.size() - 1) {
bt_startExp.setVisibility(View.VISIBLE);//設(shè)置按鈕的顯示
} else {
//隱藏該按鈕
bt_startExp.setVisibility(View.GONE);
}
}
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
//
//
float leftMargin = disPoints * (position + positionOffset);
//
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) v_redpoint.getLayoutParams();
layoutParams.leftMargin = Math.round(leftMargin);//
//
v_redpoint.setLayoutParams(layoutParams);
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
}
private void initData() {
// viewpaper adapter適配器 list容器
// 圖片的數(shù)據(jù)（數(shù)組）
int[] pics = new int[] { R.mipmap.img_guide_1, R.mipmap.img_guide_2,
R.mipmap.img_guide_3};
//定義viewpager使用的容器
guids = new ArrayList<ImageView>();
//創(chuàng)建viewpager的適配器
for (int i = 0; i < pics.length; i++) {
ImageView iv_temp = new ImageView(getApplicationContext());
iv_temp.setBackgroundResource(pics[i]);
//添加界面的數(shù)據(jù)
guids.add(iv_temp);
//
View v_point = new View(getApplicationContext());
// v_point.setBackgroundResource(R.drawable.gray_point);//紅點(diǎn)背景色
int dip = 10;
//
LayoutParams params = new LayoutParams(DensityUtil.dip2px(getApplicationContext(), dip), DensityUtil.dip2px(getApplicationContext(), dip));// dp
//
//
if (i != 0)//
params.leftMargin = 47;//
v_point.setLayoutParams(params);//
//
ll_points.addView(v_point);
}
//
// 創(chuàng)建viewpager的適配器
adapter = new MyAdapter();
// 設(shè)置適配器
vp_guids.setAdapter(adapter);
}
//viewpager的適配器
private class MyAdapter extends PagerAdapter
{
@Override
public int getCount() {
return guids.size();// 返回?cái)?shù)據(jù)的個(gè)數(shù)
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;// 過濾和緩存的作用
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);//從viewpager中移除掉
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
// container viewpaper
//獲取View
View child = guids.get(position);
// 添加View
container.addView(child);
return child;
}
}
private void initView() {
setContentView(R.layout.activity_guide);
// ViewPage組件
vp_guids = (ViewPager) findViewById(R.id.vp_guide_pages);
// 動(dòng)態(tài)加點(diǎn)容器
ll_points = (LinearLayout) findViewById(R.id.ll_guide_points);
// 點(diǎn)
v_redpoint = findViewById(R.id.v_guide_redpoint);
//確定開始體驗(yàn)按鈕
bt_startExp = (Button) findViewById(R.id.bt_guide_startexp);
}
}
注、關(guān)于是否是第一次進(jìn)入，實(shí)現(xiàn)方式比較簡單，用過使用SharedPreferences保存使用狀態(tài)，將他封裝到工具類中便于使用！這里我就直接貼出SharedPreferences封裝好的3個(gè)工具類了
（一）、
import android.content.Context;
/**
* Created by Administrator on 2016/11/1 0001.
*/
public class DensityUtil {
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
/**
*
*/
public static int px2dip(Context context, float pxValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (pxValue / scale + 0.5f);
}
}
（二）、
/**
* Created by Administrator on 2016/11/1 0001.
*/
public interface MyConstants
{
String CONFIGFILE = "cachevalue";//sp的文件名
String ISSETUP = "issetup";//是否設(shè)置向?qū)Ы缑嬖O(shè)置過數(shù)據(jù)
}
（三）、
import android.content.Context;
import android.content.SharedPreferences;
/**
* Created by Administrator on 2016/11/1 0001.
*/
public class SpTools {
public static void setBoolean(Context context, String key, boolean value){
SharedPreferences sp = context.getSharedPreferences(MyConstants.CONFIGFILE, Context.MODE_PRIVATE);
sp.edit().putBoolean(key, value).commit();//提交保存鍵值對(duì)
}
public static boolean getBoolean(Context context,String key,boolean defValue){
SharedPreferences sp = context.getSharedPreferences(MyConstants.CONFIGFILE, Context.MODE_PRIVATE);
return sp.getBoolean(key, defValue);
}
}
三、XML的布局實(shí)現(xiàn)
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<android.support.v4.view.ViewPager
android:id="@+id/vp_guide_pages"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</android.support.v4.view.ViewPager>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="30dip" >
<LinearLayout
android:id="@+id/ll_guide_points"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</LinearLayout>
<View
android:id="@+id/v_guide_redpoint"
android:layout_width="10dip"
android:layout_height="10dip"
android:layout_marginBottom="0.7dp"
android:background="@drawable/red_point" />
</RelativeLayout>
<Button
android:id="@+id/bt_guide_startexp"
android:background="@drawable/btn_selector"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="45dip"
android:paddingTop="5dip"
android:paddingBottom="5dip"
android:paddingLeft="10dip"
android:paddingRight="10dip"
android:textColor="@color/btn_colors"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="開始體驗(yàn)"
android:visibility="gone"
android:textSize="18sp" />
</RelativeLayout>
注、關(guān)于圓點(diǎn)、Button按鈕的狀態(tài)、等UI效果的設(shè)置
（一）、自己畫圓點(diǎn)，定義顏色
外面的大圓big_point.xml：
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <corners android:radius="5dip"></corners> <solid android:color="#ffffff"></solid> </shape>
里面的圓點(diǎn)small_point.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <corners android:radius="5dip"></corners> <solid android:color="#fff"></solid> </shape>
（二）、Button的顏色、以及狀態(tài)選擇
背景狀態(tài)選擇器btn_selector.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 按鈕按下的狀態(tài) --> <item android:drawable="@drawable/button_red_pressed" android:state_pressed="true"></item> <!-- 按鈕松開的狀態(tài) --> <item android:drawable="@drawable/button_red_normal" android:state_pressed="false"></item> </selector>
文本顏色選擇器btn_colors.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 按鈕按下的狀態(tài) 黑色 --> <item android:color="#000000" android:state_pressed="true"></item> <!-- 按鈕松開的狀態(tài) 白色 --> <item android:color="#ffffff" ></item> </selector>
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 詳解Android 手機(jī)衛(wèi)士設(shè)置向?qū)ы撁?/a>
- 使用ViewPager實(shí)現(xiàn)android軟件使用向?qū)Чδ軐?shí)現(xiàn)步驟
- Android實(shí)現(xiàn)繞球心旋轉(zhuǎn)的引導(dǎo)頁效果
- Android開發(fā)實(shí)戰(zhàn)之漂亮的ViewPager引導(dǎo)頁
- RxJava兩步打造華麗的Android引導(dǎo)頁
- Android使用ViewPager實(shí)現(xiàn)啟動(dòng)引導(dǎo)頁
- Android利用ViewPager實(shí)現(xiàn)用戶引導(dǎo)界面效果的方法
- 很贊的引導(dǎo)界面效果Android控件ImageSwitcher實(shí)現(xiàn)
- Android繪制炫酷引導(dǎo)界面
- android 引導(dǎo)界面的實(shí)現(xiàn)方法
相關(guān)文章
- 這篇文章主要介紹了Android的Service用法,很實(shí)用的功能,需要的朋友可以參考下2014-08-08
- 可以通過RasterMap的getDirection()方法來查詢路徑，和查詢地址類似，路徑查詢的結(jié)果也是通過回調(diào)函數(shù)的方式來通知應(yīng)用程序的，下面的例子返回南京到北京的路徑2013-10-10
-
Android實(shí)現(xiàn)上下菜單雙向滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)上下菜單雙向滑動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01 - 這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)簡易記事本，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
- 這篇文章主要介紹了Android 如何查看Wifi密碼的相關(guān)資料,需要的朋友可以參考下2017-01-01
-
Android實(shí)現(xiàn)登錄注冊(cè)界面框架
這篇文章主要介紹了Android實(shí)現(xiàn)登錄注冊(cè)界面的框架，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-09-09 -
Android LaunchMode四種啟動(dòng)模式詳細(xì)介紹
這篇文章主要介紹了Android LaunchMode四種啟動(dòng)模式詳細(xì)介紹的相關(guān)資料,這里對(duì)launchmode的使用方法進(jìn)行了詳解及啟動(dòng)模式的比較，需要的朋友可以參考下2016-12-12 - 這篇文章主要介紹了Android中BaseAdapter的用法分析與理解,結(jié)合一個(gè)項(xiàng)目開發(fā)中BaseAdapter的使用分析了BaseAdapter的功能、作用及用法理解,需要的朋友可以參考下2016-08-08
-
Android自定義View實(shí)現(xiàn)可以拖拽的GridView
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)可以拖拽的GridView，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06 - 這篇文章主要介紹了Android編程獲取圖片數(shù)據(jù)的方法,涉及Android網(wǎng)絡(luò)通信數(shù)據(jù)流傳輸及圖片操作相關(guān)技巧,需要的朋友可以參考下2017-07-07