2. 程式人生 > >App引導界面 可以這麽玩

App引導界面 可以這麽玩

阿新 • • 發佈：2019-01-26
對象 代碼 lin 添加 中間 href 初始化 todo fir

什麽是ViewPager，剛一聽到這個詞，我們可能感覺很奇怪，但是我相信我們大部分人都曾見到過這些界面的。其實它就是我們在安裝好一個app之後第一次使用時的那些引導界面的效果。這就是通過ViewPager來完成滴。今天，就讓我們一起走進ViewPager的世界吧。

理論基礎

  • 其實說是理論基礎，也只不過是一些小知識點罷了，所以不要緊張咯。ViewPager在ADT開發時使用到了android.support.v4.view.ViewPager控件，我們需要知道這點就可以了。
  • 我們可以把ViewPager看作是一個ListView樣式的控件，然後按照對待ListView的眼光來看待ViewPager，就會很輕松了。
  • ListView需要一個適配器，而ViewPager同樣也是如此；ListView需要註冊Item的事件偵聽，ViewPager同樣如此。至於底層的細節我們稍後再說。

了解了上面的這些，相信我們心中都有了一個大致的了解了吧。那我們就正式開始咯。

ViewPager怎麽使用？

首先我們需要在XML文件中進行聲明，註意我們引用的是android.support.v4.view.ViewPager控件哦，如下：

 <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
 

        android:layout_height="match_parent"

        android:background="#00000000"
        >
</android.support.v4.view.ViewPager>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

然後是在Java代碼中findViewById一下，免得出現NullPointerExcetion.
了解到了ViewPager是一個View的容器，那麽我們當然要有View才行了，所以我們在layout文件夾下創建幾個用於呈現的view。由於比較相似，我這裏就僅僅寫出一個XML文件吧。

<?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" >

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/guide_3" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/start_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="進入" />
    </LinearLayout>
    <!--由於這是第三個布局，也就是引導的最後一個，我們提供了一個進入主界面的按鈕-->
</RelativeLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25

現在萬事俱備，只欠東風了。所以我們就需要創建一個適配器了，這裏需要註意的是適配器要繼承自PagerAdapter ，具體的代碼如下：

package com.mark.viewpagerdemo;

import java.util.List;

import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;

/**
 * 這個類的作用就是對於ViewPager的Activity（View）的切換的
 * 時候需要的一個適配器的作用，其實ViewPager的原理就可以看作是一個ListView就行了
 * @author lhdn
 *
 */
public class ViewPageAdapter extends PagerAdapter{

    //list是為了存儲容器中的view，context的作用就是上下文
    private List<View> views;
    private Context context;

    public ViewPageAdapter(List<View > mViews , Context mContext) {
        this.context = mContext;
        this.views = mViews;
    }

    /**
     * 將不需要呈現的view及時的銷毀
     */
    @Override
    public void destroyItem(View container, int position, Object object) {
        ((ViewPager) container).removeView(views.get(position));
    }

    /**
     * 該方法的作用類似於ListViewAdapter的那個getView的作用
     */
    @Override
    public Object instantiateItem(View container, int position) {
        ((ViewPager) container).addView(views.get(position));
        return views.get(position);
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return views.size();
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        // 判斷當前獲得的view是不是我們想要得到的view
        return (arg0 == arg1);
    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57

其中方法：

@Override
    public Object instantiateItem(View container, int position) {
        ((ViewPager) container).addView(views.get(position));
        return views.get(position);
    }
  • 1
  • 2
  • 3
  • 4
  • 5

就好比我們的ListViewAdapter的getView方法。功能就是獲得一個view，即可。

如果不需要在圖片上添加效果的話，這樣其實就已經是搞定了，我們可以測試一下效果，發現這個小案例已經是可行的了。

ViewPager添加一些效果

所謂添加效果，就是添加上幾個小圓點，比如我們滑動View的時候下面會出現的一些小亮點和小暗點等，其目的是為了顯示我們確實滑動了ViewPager，也為了美觀嘛。那麽我們要怎麽實現呢？答案就是使用ImageView就可以了，但是切記只需要在ViewPager所在的界面進行添加就可以了，而不需要為其他的XML文件進行添加。然後我們在ViewPager的OnPageChangeListener處理事件中進行相關的設置就可以了。如下：

<?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/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        android:background="#00000000"
        >
    </android.support.v4.view.ViewPager>

    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/iv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/login_point_selected" />

        <ImageView
            android:id="@+id/iv2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/login_point" />

        <ImageView
            android:id="@+id/iv3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/login_point" />
    </LinearLayout>

</RelativeLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
package com.mark.viewpagerdemo;

import java.util.ArrayList;
import java.util.List;

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.widget.Button;
import android.widget.ImageView;

public class Guide extends Activity implements OnPageChangeListener {

    private ViewPager vp;
    // 因為viewpager的使用要街註意一個適配器，所以要創建一個適配器的對象
    private ViewPageAdapter vpAdapter;
    // 創建一些視圖View，用於放置到我們的ViewPager容器中
    private List<View> views;
    // 存儲圖像的小點
    private ImageView[] dots;
    // 圖片小點的ID值
    int[] ids = new int[] { R.id.iv1, R.id.iv2, R.id.iv3 };

    private Button enter ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.guide);
        initViews();
        initDots();
    }

    /**
     * 初始化ViewPager機器內部的view視圖
     */
    public void initViews() {
        views = new ArrayList<View>();
        LayoutInflater inflater = LayoutInflater.from(this);
        // 向ViewPager中添加view
        views.add(inflater.inflate(R.layout.one, null));
        views.add(inflater.inflate(R.layout.two, null));
        views.add(inflater.inflate(R.layout.three, null));

        // 為進入主界面的按鈕申請資源,由於button的值在第三個view中，而這裏是Guide的
        // 所以，要先得到第三個view之後，才能使用findViewById()方法
        enter = (Button) views.get(2).findViewById(R.id.start_btn);
        enter.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                Intent intent = new Intent(Guide.this, MainActivity.class);
                startActivity(intent);
                finish();
            }
        });

        // 創建ViewPager以及添加適配器
        vp = (ViewPager) findViewById(R.id.viewpager);
        vpAdapter = new ViewPageAdapter(views, this);
        vp.setAdapter(vpAdapter);
        // 為ViewPager 註冊監聽事件
        vp.setOnPageChangeListener(this);

    }

    /**
     * 初始化需要的點的資源
     */
    public void initDots() {
        dots = new ImageView[views.size()];
        for (int i = 0; i < dots.length; i++) {
            dots[i] = (ImageView) findViewById(ids[i]);
        }
    }

    // ///////////////////////////////////////////onViewPagerChangeListener接口的方法開始

    @Override
    public void onPageScrollStateChanged(int arg0) {
    }

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

    @Override
    public void onPageSelected(int arg0) {
        for (int i = 0; i < ids.length; i++) {
            if (arg0 == i) {
                dots[i].setImageResource(R.drawable.login_point_selected);
            } else {
                dots[i].setImageResource(R.drawable.login_point);
            }
        }

    }
    // ///////////////////////////////////////////onViewPagerChangeListener接口方法結束

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107

測試後發現，成了！這樣就已經是完整的實現了我們需要的功能了。

深入的思考

雖然我們已經完成了ViewPager的使用了，但是仔細的想一想，我們真的完成了嗎？
其實並不是的，因為這樣的話，我們每一次打開這個APP，就會出現一個引導界面，這樣是不符合事實的，因為我們並不希望每一次都看到這個引導界面，所以我們現在要完成的就是如何實現只在第一次的時候才顯示引導界面。

實現的思路：使用一個變量，放置到文件的存儲中，每次打開APP的時候檢驗這個值，如果是第一次使用，就跳轉到引導界面，如果不是，就跳轉到主界面，所以我們現在就要實現這個中間層的界面了。實現的效果就是打開APP的時候顯示這個中間層的界面，然後在跳轉到其他的引導界面或者主界面。

XML代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/welcome_android"
        />
</LinearLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
package com.mark.viewpagerdemo;

import android.app.Activity;
import android.content.Intent;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.os.Bundle;
import android.os.Handler;

public class Welcome extends Activity {

    //設置一個延遲時間，為界面的跳轉來爭取時間
    private static final int TIME = 2000;
    private static final int GO_HOME = 1000;
    private static final int GO_GUIDE = 1001;

    //設置一個參數，實現只為第一次進入的時候顯示guide界面，這個參數要存儲進本地的一個參數，
    //見下面的initValue方法
    private boolean isFirstIn = true;
    private void initValue(){
        SharedPreferences sp = getSharedPreferences("ViewPagerDemo",MODE_PRIVATE);
        isFirstIn = sp.getBoolean("isFirstIn", true);
        if(isFirstIn) {
            mHandler.sendEmptyMessageDelayed(GO_GUIDE,TIME);
            Editor editor = sp.edit();
            editor.putBoolean("isFirstIn", false);
            editor.commit();
        }else{
            mHandler.sendEmptyMessageDelayed(GO_HOME,TIME);
        }
    }


    //等待時間不能在主進程，所以使用handler
    private Handler mHandler = new Handler(){
        public void handleMessage(android.os.Message msg) {
            switch(msg.what){
            case GO_HOME:
                goHome();
                break;
            case GO_GUIDE:
                goGuide();
                break;
            }
        };
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);

        setContentView(R.layout.welcome);
        initValue();
    }

    private void goHome(){
        Intent i = new Intent(Welcome.this,MainActivity.class);
        startActivity(i);
        finish();
    }
    private void goGuide(){
        Intent i = new Intent(Welcome.this,Guide.class);
        startActivity(i);
        finish();
    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69

Welcome.java 深入剖析：

由於我們設置了在歡迎界面的等待時間，所以就最好是使用handler來實現界面的更新，這樣符合“在主線程更新UI”原則。於是使用了SharedPreferences來實現了值得記錄。

優化思路，其實我覺得在initValue方法中初始化的方式也不是特別的好，如果在靜態代碼中進行的話，效果會更好。

handler的使用是至關重要的一個知識點，我們要記得在主線程中進行UI界面的更新，所以要在主線程中對其他線程傳遞過來的，msg.what進行處理。

測試結果

點擊運行完程序之後，我們會發現只有在第一次使用APP的時候才會出現引導界面，一旦我們進入過了主界面，引導界面就不會再出現了。除非你重新安裝了，(^__^) 嘻嘻……

知識點回顧

這個小項目的主要的流程是這樣的，
* 先是了解了什麽是ViewPager，
* 然後學會了ViewPagerAdapter適配器的使用，
* 再然後就是對PageChange事件的處理
* 學會了如何使用handler配合UI的更新
* 再就是添加了常量值的配合實現了“一次性計劃”
* 接下來就真的完成了，雖然界面不好看，但是核心的思想卻是都在這裏了。

項目源代碼下載地址

再分享一下我老師大神的人工智能教程吧。零基礎！通俗易懂！風趣幽默！還帶黃段子！希望你也加入到我們人工智能的隊伍中來！https://blog.csdn.net/jiangjunshow

App引導界面 可以這麽玩

相關推薦

App引導界面 可以這麽玩

對象 代碼 lin 添加 中間 href 初始化 todo fir 什麽是ViewPager，剛一聽到這個詞，我們可能感覺很奇怪，但是我相信我們大部分人都曾見到過這些界面的。其實它就是我們在安裝好一個app之後第一次使用時的那些引導界面的效果。這就是通過ViewPage

電商APP制作應該怎麽玩？

電商APP制作應該怎麽玩？ 移動電商市場飛速發展，不論傳統企業或是有創業想法的個體經營戶都面臨著社會各行業大轉型升級，電商渠道的植入是至關重要的。但如何去做電商APP制作也是一個棘手的問題。電商APP的開發制作並沒有想象中的那麽容易，包括成本控制，技術支持等諸多因素的互相協調

寵物店app開發界面（一）

ongl and pla androi lis 開發 .com hao123 player aNDROID%E4%B9%8BMEDIapLaYER%E8%AF%A6%E8%A7%A3 http://music.hao123.com/songlist/495630541

[ios] 如何調用其他app h5界面調用打開app

nss build 一個 baidu shared detail view query 信息 參考資料:app喚醒app 　　　 　h5喚醒app 　　　　有趣的URL Scheme 被喚起端需要做的工作(demoApp): 1.設置URL Scheme 只是一個ap

用PS制作APP的界面圖片

雙擊 替換 time 模板 透明度 畫面 改變 移動 變亮 今天就教大家怎麽做出這種厚度的地方還不是白色的，而是根據界面內容交相呼應的圖案的APP界面展示圖片。 以蘋果5S的尺寸為例。 步驟： 1、新建一個畫布尺寸為：640*1136，然後保存，命名如：5S效果圖模板

.Net中集合排序還可以這麽玩

true ora 表達式 str nbsp static gen AS pan 背景： public class StockQuantity { public StockQuantity(string status, DateTime da

ls 命令還能這麽玩？看一下這 20 個實用範例

text list node clas 事情 路徑 簡單 -a clu https://mp.weixin.qq.com/s/UTlLQ8dVKSU-FAxS0IQ_Tw Linux中一個基本命令是ls。沒有這個命令，我們會在瀏覽目錄條目時會遇到困難。這個命令必須被每個學習

App推廣的思路這麽想就沒錯了，另附一個推廣黑科技

系列 忠誠度 福利 人性 一定的 分享圖片 .com 模式 ado 互聯網人口的紅利消失，最直接的結果就是產品流量不增長，那最苦惱的群體當然是做運營的小夥伴啦！每天被老板的叫著做活動、寫文案，還直接給你下達order：我們這個月的目標是10萬+閱讀量、拉新1萬用戶，重要的是

分布式事務，原來可以這麽玩？

圖片 數據量 sta mit 才會 串行 one star 可能 多個數據要同時操作，如何保證數據的完整性，以及一致性？ 答 ： 事務 ，是常見的做法。 舉個栗子： 用戶下了一個訂單，需要修改 余額表 ， 訂單 表 ， 流水 表 ，於是會有類似的偽代碼： start

楊冪掐點祝福唐嫣，打破不和傳言，情感營銷還能這麽玩？

自己 平臺 color tex 話題 作用 一點 婚紗 發生 發現今天的蜂蜜泡水特別地甜，舍友說，同樣地蜂蜜同樣多的水泡出來的水有什麽不一樣，肯定是你心情變好了。說得好像也有道理，想想最近這麽多甜蜜的事，一開始是穎寶結婚，不久唐嫣和羅晉也宣布結婚，可不真是甜歪了。 忍不住又

會聲會影雙11一定要這麽玩麽？

這一 使用手冊 縮放 雙11 img 快樂 並且 說過 中文 雙11的東西有多便宜，這裏小編就不用多說了，說它是全年最低價，我想任何商家都不會反駁，它就像商家的一個技能大招一樣，一定是留到這一天才會放的。此招一出，“江湖上勢必又要掀起一場血雨腥風”。 大招有真有假，有些商

京東無貨源店群這麽玩，單店月純利1W+！

1.5 裏的 唯品會 為什麽 個人 規則 tex 如何 驚人的 不知道大家是否熟悉京東無貨源店群? 先簡單的介紹一下什麽是無貨源店群，無貨源店群指的是通過采集全網商品進行多店鋪貨。 對於傳統的零售店來說，你必須有穩定的貨源，而大多數向往電商行業的人，似乎第一個考慮的問題就是

優化UI界面會惹怒用戶？你應該這麽做

以下內容由Mockplus團隊翻譯整理，僅供學習交流，Mockplus是更快更簡單的原型設計工具。 有時，優化網站或移動應用的界面會讓用戶感到崩潰。人們可能會對新的配色方案、元素的定位或其他類似的東西感到失望。顯然，用戶這樣的反應並不是你所期望的界面優化。 即使是像Faceb

Python又把GUI界面攻下了，今天就告訴你怎麽玩

enter 構造函數 pack 標題 公眾 做出 code def form 0.引言 學Python這麽久了，一直想做個界面出來，最近發現Python有個內置庫tkinter，利用它可以很輕松做出一些簡易的UI界面，首先來看Python官方對Tkinter的說明： T

app界面設計字體規範

最大 pla 大小 按鈕 20px 2-0 關系 tao ron 通過對不同類型的app進行總結，總結出app的字體規範。 一、字體選擇 1.IOS:蘋果ios 9系統開始，系統最新的默認中文字體是：蘋方。英文字體是： San Francisco 2.Android：英文

首次在MI5手機上看到APP界面 ~

.com mage ima miui 後來 紀念 com hellip width 折騰了一個小時，終於在手機上看到了軟件界面。 比2011年時候做APP搞得快。 那時候用的HTC，不知不覺中，HTC不行了…… 再後來用過一加手機，OS太爛

App跳轉系統設置界面

sha options music option version code acc with systemv NSString * urlString = @"App-Prefs:root=WIFI"; if ([[UIApplication sharedAppl

Android計算器APP練習（1）--- 界面

span 練習 pre nbsp 方式 src 修改 正常 自己的 Android Studio 2.3.2 。參考文章：http://blog.csdn.net/like_program/article/details/51813632 1. 新建工程 MyCalcul

ui界面設計公司搜集精彩設計三十例：移動端APP界面設計欣賞之二

lis bin 郵箱 移動 藍藍設計 wid target tro 也會 如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這裏 藍藍設計是一家地處北京的界面設計公司，經常會接到移動端APP界面設計的項目，比如給一起海帶做的海外代購APP、給詞覓公司做的社交AP

超級淘這麽任性真的好嘛？朋友圈都已經玩瘋啦。。。

itl wid mea swe 真的是 png 你們 來看 我的朋友 不知道近來你們的朋友圈有沒有被超級淘給刷屏了，橫豎我的朋友圈是被刷了個遍。隨意翻開一個都是在各種曬的，形似超級淘近來活動蠻多的~ 我是3個月前開端用超級淘這個APP的，即是一個導購返利的APP，只不過它跟