Activity跳轉(zhuǎn)處理 —— 仿淘寶商品詳情頁面跳轉(zhuǎn)

一、需求

很多商城類APP都有類似淘寶的商品詳情頁面,如下圖:


Taobao.gif

我們可以看到,點(diǎn)擊某商品到商品詳情后可以看到有許多推薦商品,點(diǎn)擊推薦商品又跳轉(zhuǎn)到商品詳情頁面,再次點(diǎn)擊推薦又可以跳轉(zhuǎn)到另一個(gè)商品詳情頁面...
本來復(fù)用當(dāng)前Activity就可以解決問題,但是我發(fā)現(xiàn)復(fù)用的結(jié)果就是無論用戶點(diǎn)擊多少頁面,點(diǎn)擊返回的時(shí)候就會(huì)返回多少個(gè)頁面。這看起來很不友好。淘寶的處理是只保留最新的兩個(gè)頁面,再返回的時(shí)候回到商品列表。雖然覺得這也有點(diǎn)不優(yōu)雅,但在頁面跳轉(zhuǎn)很深的情況下好過無限返回吧。

二、處理思路

  • 使用兩個(gè)singleTask模式的Activity來操作:這樣跳轉(zhuǎn)的時(shí)候A --> B -- >C沒什么問題,可是C --> B跳轉(zhuǎn)的時(shí)候明顯不是打開新頁面的效果,而是類似返回的效果,失敗。
  • 使用Activity工具類來進(jìn)行管理:將所有跳轉(zhuǎn)的Activity保存到一個(gè)靜態(tài)的list中,當(dāng)Activity數(shù)量超過2個(gè)時(shí)將第一個(gè)Activity銷毀并移除list(也就是最早放入list的Activity),這樣我們的堆棧中就只保存最新的兩個(gè)Activity。嘗試過之后發(fā)現(xiàn)這樣是可行的。

三、具體操作

3.1 工具類形式

首先看一下這個(gè)工具類:

public class ActivityUtil {

    public static List<Activity> activityList = new ArrayList<>();

    // 添加Activity
    public static void addActivity(Activity activity){
        activityList.add(activity);
    }

    // 移除Activity
    public static void removeActivity(Activity activity){
        activityList.remove(activity);
    }

    // 結(jié)束并移除最底的Activity
    public static void removeOldActivity(){
        activityList.get(0).finish();
        activityList.remove(0);
    }

    // 移除所有Activity
    public static void finishAll(){
        for (Activity activity : activityList){
            if(!activity.isFinishing()){
                activity.finish();
            }
        }
    }
}

很簡單,定義activityList 用于存放要增加的activity。提供添加和移除的方法。接下來就可以寫跳轉(zhuǎn)了。

1.首先在MainActivity寫一個(gè)跳轉(zhuǎn)到SecondActivity,讓MainActivity模擬商品列表大界面,核心代碼:
 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView tv_content = (TextView)findViewById(R.id.tv_content);
        tv_content.setText("商品各種列表頁面");
        findViewById(R.id.btn_run).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(MainActivity.this,SecondActivity.class);
                startActivity(intent);
            }
        });
    }

布局里一個(gè)Button跳轉(zhuǎn),一個(gè)TextView來做顯示。

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

    <Button
        android:id="@+id/btn_run"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="跳轉(zhuǎn)"/>

    <TextView
        android:layout_marginTop="10dp"
        android:id="@+id/tv_content"
        android:text="MainActivity"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        tools:layout_editor_absoluteY="0dp"
        tools:layout_editor_absoluteX="8dp" />

</LinearLayout>
2.SecondActivity模擬商品詳情頁面。

點(diǎn)擊商品推薦再次跳轉(zhuǎn)還是到這個(gè)頁面,只不過數(shù)據(jù)不同需要單獨(dú)處理。重要的是在onCreate中將SecondActivity添加到activityList,onDestroy中移除出去。跳轉(zhuǎn)的時(shí)候判定如果activityList中的Activity數(shù)量超過1個(gè),將最底的Activity移除掉,這樣就永遠(yuǎn)只保存了兩個(gè)SecondActivity。如果你想保存更多的棧頂頁面,可以修改數(shù)值。

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 添加到list
        ActivityUtil.addActivity(this);
        TextView tv_content = (TextView)findViewById(R.id.tv_content);
        tv_content.setText("商品詳情:");

        findViewById(R.id.btn_run).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(SecondActivity.this,SecondActivity.class);
                startActivity(intent);
                if(ActivityUtil.activityList.size() > 1){
                    ActivityUtil.removeOldActivity();
                }
            }
        });
    }
    // 從list移除
    @Override
    protected void onDestroy() {
        super.onDestroy();
        ActivityUtil.removeActivity(this);
    }

這樣就實(shí)現(xiàn)了只跳轉(zhuǎn)兩層,返回回到最初的商品列表頁面。這樣使用比較靈活,但我們也可以把這些放到基類去具體管理,如下。

3.1 基類形式

這次我們把a(bǔ)ctivityList 放到了基類中,定義了一個(gè)mPage來做頁面標(biāo)記,下面具體說。基類的onCreate()中放入activity,onDestroy()中移除,提供removeLast()來移除最底層的Activity。由于我把MainActivity也繼承了基類,所以這次移除的是下標(biāo)為1的Activity。

public abstract class BaseActivity extends AppCompatActivity{

    public static List<Activity> activityList = new ArrayList<>();
    public static int mPage = 0;//用來標(biāo)記當(dāng)前頁,每打開一個(gè)SecondActivity加1。

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        activityList.add(this);
    }

    // 去掉最底層的Activity
    public void removeLast(){
        activityList.get(1).finish();
        activityList.remove(1);
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        activityList.remove(this);
    }

    // 移除所有Activity
    public void finishAll(){
        for (Activity activity : activityList){
            if(!activity.isFinishing()){
                activity.finish();
            }
        }
    }

}

再來看SecondActivity,繼承了BaseActivity。onCreate()中g(shù)etIntent()獲取我們的測試頁數(shù)標(biāo)記,點(diǎn)擊跳轉(zhuǎn)mPage++放入intent,當(dāng)activityList長度大于2時(shí)(因?yàn)镸ainActivity占用了一個(gè),下標(biāo)為0),使用BaseActivity中的方法移除下標(biāo)為1的SecondActivity 。

public class SecondActivity extends BaseActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView tv_content = (TextView)findViewById(R.id.tv_content);
        tv_content.setText("商品詳情:"+getIntent().getIntExtra("data",0));

        findViewById(R.id.btn_run).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(SecondActivity.this,SecondActivity.class);
                intent.putExtra("data",mPage++);
                startActivity(intent);
                if(activityList.size() > 2){
                    removeLast();
                }
            }
        });
    }
}

這樣就大概實(shí)現(xiàn)了。心血來潮在MainActivity又添加了個(gè)返回退出所有Activiy的方法:

public class MainActivity extends BaseActivity {

    private long exitTime = 0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView tv_content = (TextView)findViewById(R.id.tv_content);
        tv_content.setText("商品各種列表頁面");
        findViewById(R.id.btn_run).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(MainActivity.this,SecondActivity.class);
                intent.putExtra("data",mPage++);
                startActivity(intent);
            }
        });
    }

    @Override
    protected void onResume() {
        super.onResume();
        mPage = 0;
    }

    @Override
    public void onBackPressed() {
        long currtTime = System.currentTimeMillis();
        if (currtTime - exitTime > 2000) {
            Toast.makeText(this,"再按一次退出",Toast.LENGTH_SHORT).show();
            exitTime = currtTime;
            return;
        }
        finishAll();
    }

}

先來看mPage,在onResume()歸了零,不然這貨越來越大。看一下如何退出所有Activity:重寫onBackPressed()方法記錄點(diǎn)擊返回的時(shí)間,判斷兩次點(diǎn)擊間隔,大于2000mm提示,小于就使用BaseActivity的finishAll()退出所有Activity。
最后來個(gè)效果圖吧:

Test.gif

大功告成。源碼點(diǎn)這里。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容