Android開發之浮動Activity

yungfan發表於2016-05-12
Android

場景

在使用App時，曾經看到這樣一個場景，如下圖所示，點選頂部選單按鈕，有一個類似的對話方塊的列表顯示出來，讓使用者選擇其中的一個快遞選項，然後選中的快遞資訊就會填充到底部的Activity中。

activity.png

分析

類似這樣的效果到底是怎麼做出來的？彈出的是一個普通對話方塊嗎？其實不一定，彈出的可能是一個Activity，但不同的是該Activity是浮動顯示在某一個Activity之上，而不是直接跳轉。

案例

在最近一個App中有一個介面如下：

float activity.png

點選底層Activity中浮動按鈕，會浮動一個年份列表，選擇某一個年份後回到底部Activity，然後底部Activity根據選擇的年份載入對應的資料。這裡底層的Activity略過，重點講解一下浮動的Activity是如何實現的。

1、由於其本質還是一個Activity，所以看到的介面就是需要在xml中佈局，這裡非常簡單，就是一個ListView，顯示年份，比較簡單，就不貼上程式碼了

2、新建一個style，該style配置Activity為浮動顯示

<style name="Theme.Transparent" parent="android:Theme.Dialog">
    <item name="android:windowIsTranslucent">true</item>//此對話方塊的背景
    <item name="android:windowBackground">@android:color/transparent</item>//對話方塊是否透明
    <item name="android:windowContentOverlay">@null</item>//對話方塊是否有遮蓋
    <item name="android:windowNoTitle">true</item>//對話方塊無標題
    <item name="android:windowIsFloating">true</item> //對話方塊是否浮動
    <item name="android:backgroundDimEnabled">true</item>//是否允許對話方塊的背景變暗
</style>
複製程式碼

3、AndroidManifest.xml中設定Activity的主題如上

<activity
        android:name="com.activity.SelYearActivity"
        android:theme="@style/Theme.Transparent"></activity>
複製程式碼

4、在底部的Activity中呼叫 startActivityForResult，並重寫onActivityResult方法接收浮動Activity返回的資料，進行相應的邏輯處理，如之前提到的快遞資訊。

5、最後在浮動的Activity中設定ListView的點選事件，這裡將要將返回的資料新增到Intent中，然後呼叫 setResult 和 onBackPressed()，傳值回底層的Activity並讓當前浮動的Activity消失，大功告成。程式碼如下

mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {

                //將選擇的年份回傳至上個介面  並讓本介面消失
                Intent intent = new Intent();

                intent.putExtra("selYear", years.get(i));

                setResult(RESULT_OK, intent);

                onBackPressed();

            }
        });
複製程式碼

相關文章