欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

Android開發(fā)使用Viewpager實(shí)現(xiàn)程序引導(dǎo)界面

 相信現(xiàn)在許多人在第一次使用某個(gè)程序的時(shí)候,會(huì)有一個(gè)程序的引導(dǎo)的界面,指引用戶如何在程序中進(jìn)行操作,這個(gè)能給用戶帶來良好的用戶體驗(yàn).下面,我就來利用ViewPager來實(shí)現(xiàn)這個(gè)功能。

創(chuàng)新互聯(lián)建站專注于彭澤網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供彭澤營銷型網(wǎng)站建設(shè),彭澤網(wǎng)站制作、彭澤網(wǎng)頁設(shè)計(jì)、彭澤網(wǎng)站官網(wǎng)定制、成都小程序開發(fā)服務(wù),打造彭澤網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供彭澤網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

所實(shí)現(xiàn)的功能:

1.可以左右滑動(dòng)功能圖片。

2.圖片的索引 看出當(dāng)前圖片所在的位置。

3.可循環(huán)滑動(dòng)。

4.圖片的索引帶有動(dòng)畫效果。

在這里,我們需要用到google提到的一個(gè)支持包——Android-support-v4.jar,這個(gè)包包含了一些非常有用的類,其中就是ViewPager類來實(shí)現(xiàn)頁面之間的切換操作。(viewpager一般在Android3.0   level 11以上才支持)

先上效果圖吧

Android開發(fā)使用Viewpager實(shí)現(xiàn)程序引導(dǎo)界面

界面可以實(shí)現(xiàn)左右循環(huán)滑動(dòng),下面跟蹤點(diǎn)也會(huì)隨著界面的滑動(dòng)而變化,點(diǎn)擊最后一個(gè)按鈕即可進(jìn)入程序主界面了

下面就逐步介紹我的實(shí)現(xiàn)方法,及代碼實(shí)現(xiàn);

首先我們需要自定義一個(gè)ViewPager適配器,用來綁定數(shù)據(jù)和view

import java.util.ArrayList;  

import android.support.v4.view.PagerAdapter;  

import android.support.v4.view.ViewPager;  

import android.view.View;  

  

/** 

 * ViewPager適配器,用來綁定數(shù)據(jù)和view 

 *  

 * @author xhb 

 */  

public class MyPagerAdapter extends PagerAdapter {  

  

    /** 

     * 界面列表 

     */  

    private ArrayList<View> views;  

    @SuppressWarnings("unused")  

    private ArrayList<String> titles;  

  

    public MyPagerAdapter(ArrayList<View> views, ArrayList<String> titles) {  

        this.views = views;  

        this.titles = titles;  

    }  

  

    /** 

     * 獲取當(dāng)前頁面數(shù) 

     */  

    @Override  

    public int getCount() {  

        return this.views.size();  

    }  

  

    /** 

     * 判斷是否由對(duì)象生成界面 

     */  

    @Override  

    public boolean isViewFromObject(View arg0, Object arg1) {  

        return arg0 == arg1;  

    }  

  

    /** 

     * 銷毀position位置的界面 

     */  

    public void destroyItem(View container, int position, Object object) {  

        ((ViewPager) container).removeView(views.get(position));  

    }  

  

    /** 

     * 初始化position位置的界面 

     */  

    public Object instantiateItem(View container, int position) {  

        ((ViewPager) container).addView(views.get(position));  

        return views.get(position);  

    }  

}  

GuideActivity.java

[java] view plain copy

<span >package com.example.viewpagedemo;  

  

import java.util.ArrayList;  

  

import android.app.Activity;  

import android.content.Intent;  

import android.os.Bundle;  

import android.support.v4.view.ViewPager;  

import android.support.v4.view.ViewPager.OnPageChangeListener;  

import android.view.LayoutInflater;  

import android.view.View;  

import android.view.View.OnClickListener;  

import android.view.Window;  

import android.view.WindowManager;  

import android.widget.Button;  

import android.widget.ImageView;  

  

public class GuideActivity extends Activity {  

  

    // 翻頁控件  

    private ViewPager mViewPager;  

    // 這4個(gè)是底部顯示當(dāng)前狀態(tài)點(diǎn)p_w_picpathView  

    private ImageView mPage0;  

    private ImageView mPage1;  

    private ImageView mPage2;  

    private ImageView mPage3;  

    //點(diǎn)擊體驗(yàn)button  

    private Button whats_new_start_btn;  

  

    @Override  

    protected void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        // ExitApplication.getInstance().addActivity(this);  

        // 設(shè)置無標(biāo)題  

        requestWindowFeature(Window.FEATURE_NO_TITLE);  

        // 設(shè)置全屏  

        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,  

                WindowManager.LayoutParams.FLAG_FULLSCREEN);  

        setContentView(R.layout.activity_main);  

        mViewPager = (ViewPager) findViewById(R.id.whatsnew_viewpager);  

        mViewPager.setOnPageChangeListener(new MyOnPageChangeListener());  

        mPage0 = (ImageView) findViewById(R.id.page0);  

        mPage1 = (ImageView) findViewById(R.id.page1);  

        mPage2 = (ImageView) findViewById(R.id.page2);  

        mPage3 = (ImageView) findViewById(R.id.page3);  

        /* 

         * 這里是每一頁要顯示的布局,根據(jù)應(yīng)用需要和特點(diǎn)自由設(shè)計(jì)顯示的內(nèi)容 以及需要顯示多少頁等 

         */  

        LayoutInflater mLi = LayoutInflater.from(this);  

        View view1 = mLi.inflate(R.layout.whats_news_gallery_one, null);  

        View view2 = mLi.inflate(R.layout.whats_news_gallery_two, null);  

        View view3 = mLi.inflate(R.layout.whats_news_gallery_three, null);  

        View view4 = mLi.inflate(R.layout.whats_news_gallery_four, null);  

        // 在第四個(gè)界面上綁定button  

        whats_new_start_btn = (Button) view4  

                .findViewById(R.id.whats_new_start_btn);  

        whats_new_start_btn.setOnClickListener(new buttonClickListener());  

        /* 

         * 這里將每一頁顯示的view存放到ArrayList集合中 可以在ViewPager適配器中順序調(diào)用展示 

         */  

        final ArrayList<View> views = new ArrayList<View>();  

        views.add(view1);  

        views.add(view2);  

        views.add(view3);  

        views.add(view4);  

        /* 

         * 每個(gè)頁面的Title數(shù)據(jù)存放到ArrayList集合中 可以在ViewPager適配器中調(diào)用展示 

         */  

        final ArrayList<String> titles = new ArrayList<String>();  

        titles.add("tab1");  

        titles.add("tab2");  

        titles.add("tab3");  

        titles.add("tab4");  

        // 填充ViewPager的數(shù)據(jù)適配器  

        MyPagerAdapter mPagerAdapter = new MyPagerAdapter(views, titles);  

        mViewPager.setAdapter(mPagerAdapter);  

    }  

  

    public class MyOnPageChangeListener implements OnPageChangeListener {  

        public void onPageSelected(int page) {  

            // 翻頁時(shí)當(dāng)前page,改變當(dāng)前狀態(tài)園點(diǎn)圖片  

            switch (page) {  

            case 0:  

                mPage0.setImageDrawable(getResources().getDrawable(  

                        R.drawable.page_now));  

                mPage1.setImageDrawable(getResources().getDrawable(  

                        R.drawable.page));  

                break;  

            case 1:  

                mPage1.setImageDrawable(getResources().getDrawable(  

                        R.drawable.page_now));  

                mPage0.setImageDrawable(getResources().getDrawable(  

                        R.drawable.page));  

                mPage2.setImageDrawable(getResources().getDrawable(  

                        R.drawable.page));  

                break;  

            case 2:  

                mPage2.setImageDrawable(getResources().getDrawable(  

                        R.drawable.page_now));  

                mPage1.setImageDrawable(getResources().getDrawable(  

                        R.drawable.page));  

                mPage3.setImageDrawable(getResources().getDrawable(  

                        R.drawable.page));  

                break;  

            case 3:  

                mPage3.setImageDrawable(getResources().getDrawable(  

                        R.drawable.page_now));  

                mPage2.setImageDrawable(getResources().getDrawable(  

                        R.drawable.page));  

                break;  

            }  

        }  

  

        public void onPageScrolled(int arg0, float arg1, int arg2) {  

        }  

  

        public void onPageScrollStateChanged(int arg0) {  

        }  

    }  

  

    public class buttonClickListener implements OnClickListener {  

        @Override  

        public void onClick(View v) {  

            Intent it = new Intent(GuideActivity.this, HomeActivity.class);  

            startActivity(it); // 點(diǎn)擊最后一頁的button進(jìn)入主界面  

            GuideActivity.this.overridePendingTransition(  

                    R.anim.new_dync_in_from_right, R.anim.new_dync_out_to_left);  

            GuideActivity.this.finish();  

        }  

    }  

}</span><span >  

</span>  

下面是界面布局:

activity_main.xml

[html] view plain copy

<?xml version="1.0" encoding="utf-8"?>  

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:layout_width="fill_parent"  

    android:layout_height="fill_parent"  

    android:background="#ffffff"  

    android:orientation="vertical" >  

  

    <android.support.v4.view.ViewPager  

        android:id="@+id/whatsnew_viewpager"  

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:layout_gravity="center" >  

    </android.support.v4.view.ViewPager>  

  

    <LinearLayout  

        android:layout_width="fill_parent"  

        android:layout_height="wrap_content"  

        android:layout_gravity="bottom"  

        android:layout_marginBottom="30dp"  

        android:gravity="center_horizontal" >  

  

        <ImageView  

            android:id="@+id/page0"  

            android:layout_width="wrap_content"  

            android:layout_height="wrap_content"  

            android:scaleType="matrix"  

            android:src="@drawable/page_now" />  

  

        <ImageView  

            android:id="@+id/page1"  

            android:layout_width="wrap_content"  

            android:layout_height="wrap_content"  

            android:layout_marginLeft="10dp"  

            android:scaleType="matrix"  

            android:src="@drawable/page" />  

  

        <ImageView  

            android:id="@+id/page2"  

            android:layout_width="wrap_content"  

            android:layout_height="wrap_content"  

            android:layout_marginLeft="10dp"  

            android:scaleType="matrix"  

            android:src="@drawable/page" />  

  

        <ImageView  

            android:id="@+id/page3"  

            android:layout_width="wrap_content"  

            android:layout_height="wrap_content"  

            android:layout_marginLeft="10dp"  

            android:scaleType="matrix"  

            android:src="@drawable/page" />  

    </LinearLayout>  

  

</FrameLayout>  

whats_news_gallery_one.xml

[html] view plain copy

<?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:background="@drawable/whats_new_bg_01"  

    android:orientation="vertical" >  

  

    <TextView  

         

        android:gravity="center"  

        android:text="@string/whats_new_msg1" />  

</LinearLayout>  

剩下幾個(gè)就不一一貼出來了,后面我會(huì)放上Demo。(我另外寫了一篇文章利用SharedPreferences實(shí)現(xiàn)記錄用戶是否是第一次啟動(dòng)程序,從而用戶再次啟動(dòng)程序時(shí),引導(dǎo)界面不再啟動(dòng)。

最后我們需要在AndroidManifest.xml進(jìn)行設(shè)置程序的開始界面入口。

[html] view plain copy

<!-- 在這里設(shè)置程序開始界面入口 -->  

       <activity  

           android:name=".WelcomeActivity"  

           android:label="@string/app_name" >  

           <intent-filter>  

               <action android:name="android.intent.action.MAIN" />  

  

               <category android:name="android.intent.category.LAUNCHER" />  

         

  </intent-filter>  

 </activity> 

新聞標(biāo)題:Android開發(fā)使用Viewpager實(shí)現(xiàn)程序引導(dǎo)界面
網(wǎng)站URL:http://chinadenli.net/article10/ppcedo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、面包屑導(dǎo)航、移動(dòng)網(wǎng)站建設(shè)、建站公司定制網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
欧美国产日本免费不卡| 国产欧美一区二区三区精品视| 久久99爱爱视频视频| 日韩精品小视频在线观看| 午夜福利92在线观看| 日本女优一色一伦一区二区三区| 国产精品亚洲二区三区| 黄色美女日本的美女日人| 国产精品内射婷婷一级二级| 亚洲av日韩av高潮无打码| 国产亚洲精品久久99| 少妇特黄av一区二区三区| 91久久精品中文内射| 老司机精品国产在线视频| 成人精品一区二区三区在线| 好吊妞在线免费观看视频| 色婷婷视频国产一区视频| 91超精品碰国产在线观看| 国产午夜免费在线视频| 正在播放国产又粗又长| 成人欧美精品一区二区三区| 色偷偷偷拍视频在线观看| 亚洲欧美日韩国产综合在线| 久久99热成人网不卡| 九九热这里只有精品哦| 国产不卡视频一区在线| 日韩欧美好看的剧情片免费| 中文字幕av诱惑一区二区| 国内外免费在线激情视频| 国产一区欧美一区日本道| 午夜视频在线观看日韩| 91一区国产中文字幕| 天海翼高清二区三区在线| 国产免费无遮挡精品视频| 欧美尤物在线视频91| 欧美三级大黄片免费看| 91香蕉视频精品在线看| 日韩精品亚洲精品国产精品| 欧美一区二区不卡专区| 国产中文字幕一二三区| 国产精品免费视频专区|