丁小波,王朝鵬,陳禹樵
(中移互聯(lián)網(wǎng)有限公司云產(chǎn)品事業(yè)部,廣州510000)
(1)研究內(nèi)容
課題的研究內(nèi)容分為:折疊屏的UI適配、折疊屏的郵件瀏覽、折疊屏的文件拖拽,從這三部分內(nèi)容入手,通過對折疊屏特性的熟悉和了解,對139郵箱進(jìn)行針對性的改造,使其能夠在折疊屏手機(jī)上流暢運(yùn)行并且實現(xiàn)特殊場景的需求。
對于折疊屏的UI適配,需要解決的問題在于折疊屏在常規(guī)和打開兩種狀態(tài)下,139郵箱的界面拉伸問題。需要對應(yīng)用的窗口寬度進(jìn)行實時監(jiān)測,根據(jù)應(yīng)用的窗口寬度,動態(tài)改變需要動態(tài)計算的控件長寬,使其能夠符合正確的比例而不會變形。另外,應(yīng)用的上下改變高度時,該場景下,指定絕對位置的控件將導(dǎo)致錯位,需要解決此類場景的控件位置出錯問題。
對于折疊屏的郵件瀏覽,需要實現(xiàn)的效果為,折疊屏左邊屏幕為郵件列表,折疊屏右邊屏幕為郵件詳情,通過左邊點(diǎn)擊不同的郵件,可即時在右邊看到郵件詳情。該效果的實現(xiàn)需要用到“平行視界”的技術(shù),通過對不同界面的配置,以及窗口比例的調(diào)整,啟動模式的調(diào)整,從而實現(xiàn)折疊屏的郵件瀏覽。
對于折疊屏的文件拖拽,需要基于139郵箱支持分屏的基礎(chǔ)上實現(xiàn)。第三方應(yīng)用需要自身實現(xiàn)拖出事件,并在拖出事件中進(jìn)行數(shù)據(jù)的封裝和傳輸。139郵箱在能夠?qū)崿F(xiàn)分屏之后,在指定Activity內(nèi)指定某個控件,捕獲外界的拖入事件,并在事件中取出拖出方封裝好的數(shù)據(jù),進(jìn)行界面的渲染以及后續(xù)數(shù)據(jù)的使用。
(2)研究目的和意義
通過對139郵箱Android端折疊屏適配的研究,目的和意義在于:①研究折疊屏設(shè)備特性和功能特性;②使139郵箱適配折疊屏手機(jī),使其能在折疊屏手機(jī)上正常且流暢運(yùn)行,滿足折疊屏手機(jī)的功能需求;③總結(jié)歸納一套適用于大部分折疊屏手機(jī)的 Android端應(yīng)用適配方案,節(jié)約適配成本。
1.1.1 多窗口模式介紹
Android N支持多窗口模式,或者叫分屏模式,即在屏幕上可以同時顯示多個窗口,詳見圖1。
圖1 多窗口模式
在手機(jī)模式下,兩個應(yīng)用可以并排或者上下同時顯示,屏幕上半部分的窗口是系統(tǒng)的Clock應(yīng)用,下半部分是系統(tǒng)設(shè)置功能。用戶可以拖動兩個應(yīng)用之間的分界線改變兩個窗口的大小,放大其中一個應(yīng)用,同時縮小另一個應(yīng)用[1]。
在分屏模式下,各個窗口的應(yīng)用都可以正常運(yùn)行,但是只能有一個窗口獲得焦點(diǎn),而另外的窗口則屬于暫停狀態(tài)。
Android N用戶可以通過以下方式切換到多窗口模式:
用戶打開Overview屏幕并長按Activity標(biāo)題,可以拖動該Activity至屏幕突出顯示的區(qū)域,使Activity進(jìn)入多窗口模式。
用戶長按Overview按鈕,設(shè)備上當(dāng)前的Activity將進(jìn)入多窗口模式,同時將打開Overview屏幕,用戶可在該屏幕中選擇要共享屏幕的另一個Activity。
用戶可以在兩個Activity共享屏幕的同時在這兩個Activity之間拖放數(shù)據(jù)。默認(rèn)情況下,Android N的Activity都是開啟多窗口模式的。在Nexus 6P手機(jī)上,分屏模式的啟動和退出是長按多任務(wù)虛擬按鍵。
1.1.2 139郵箱多窗口配置
在項目的manifests中,在application下,配置:
1.1.3 139郵箱多窗口異常處理
多窗口適配后,應(yīng)用在切換為多窗口狀態(tài)以及調(diào)整窗口大小時,會觸發(fā)當(dāng)前Activity的生命周期,導(dǎo)致應(yīng)用重啟的假象,需要對這類異常進(jìn)行處理,處理方案為,在manifests中,對應(yīng)用的每個Activity均進(jìn)行以下配置,可防止Activity重走生命周期。
1.1.4 139郵箱布局適配
多窗口適配后,應(yīng)用在調(diào)整窗口大小時,布局會相對應(yīng)的變化,應(yīng)用所在的窗口高度和寬度也會變化,需要對控件進(jìn)行動態(tài)適配。以下是適配情況:
(1)控件相對位置。需指定控件的相對位置,而非絕對位置,如果固定控件的絕對位置,在應(yīng)用窗口拉伸時,會有控件重疊的問題。以下代碼為絕對位置布局,具體效果如圖2所示。
圖2 控件絕對位置布局重疊問題
指定控件相對位置后,當(dāng)窗口尺寸調(diào)整時,也能夠正常顯示,以下代碼為相對位置布局,具體效果見圖3。
圖3 控件相對位置正常顯示
(2)動態(tài)計算控件大小。通過監(jiān)聽onConfiguration Changed方法,從而監(jiān)控窗口大小的改變進(jìn)而改變布局。
從Android API可以得知android:onConfiguration Changed實際對應(yīng)的是Activity里的onConfiguration Changed()方法。在AndroidManifest.xml中添加該方法的含義是表示在改變屏幕方向、大小,彈出軟件盤和隱藏軟鍵盤時,不需要再去執(zhí)行onCreate()方法,而是直接執(zhí)行onConfigurationChanged()。如果不聲明此段代碼,按照Activity的生命周期,都會去執(zhí)行一次onCreate()方法,而onCreate()方法通常會在顯示之前做一些初始化工作。所以如果改變屏幕方向這樣的操作都去執(zhí)行onCreate()方法,就有可能造成重復(fù)的初始化,降低程序效率是必然的了,而且更有可能因為重復(fù)的初始化而導(dǎo)致數(shù)據(jù)的丟失。
在該方法中,需要重新獲取當(dāng)前應(yīng)用窗口寬度的大小,對需要動態(tài)計算寬高的控件進(jìn)行再次計算并且繪制。這里需要注意的是,獲取的應(yīng)當(dāng)是當(dāng)前應(yīng)用的窗口大小,而非屏幕的大小,因為折疊屏手機(jī)在折疊以及展開時,寬度是會變化的。
平行視界,是華為首創(chuàng)的應(yīng)用內(nèi)分屏功能,目前已經(jīng)在華為平板M6與華為MatePad Pro上發(fā)布。和Android系統(tǒng)分屏提供是兩個應(yīng)用間的分屏不同的是,它提供應(yīng)用內(nèi)兩個窗口可以在屏幕上左右同時顯示的功能,從而使Android平板的使用體驗有了革命性突破。
●139郵箱平行視界適配步驟
139郵箱對于折疊屏手機(jī)的平行視界適配,需要達(dá)到如圖4的效果,左邊展示郵件列表,右邊展示郵件詳情,并且可通過左邊切換郵件時,同步在右邊展示郵件。
圖4 139郵箱平行視界效果
平行視界的配置,需要通過JSON配置文件完成,常規(guī)地指定應(yīng)用包名,平行視界版本等常規(guī)參數(shù)外,最重要的是配置起始頁面以及視界比例,詳見以下代碼:
其中,以下這段代碼用于配置平行視界起始頁,MessageList為郵件列表頁,*代表從該頁面跳轉(zhuǎn)至任一頁面時,進(jìn)入平行視界模式。
以下這段代碼用于配置平行視界的左右比例,可通過比例的調(diào)整,達(dá)到想要顯示的效果。
1.3.1 文件拖拽需求介紹
在139郵箱寫信頁,進(jìn)入應(yīng)用多窗口模式后,需支持備忘錄、圖庫以及文件管理器中的文字、文件和圖片通過拖拽的方式形成附件,隨后跟隨郵件一起發(fā)送,從而減少用戶操作步驟,簡化操作過程。
1.3.2 文件拖拽適配
在寫信頁,指定某個控件,這里選擇的是整個寫信頁作為文件接收容器,監(jiān)聽該控件的onDrag方法,在此方法中,監(jiān)聽和接收由外部應(yīng)用傳入的數(shù)據(jù),接收到數(shù)據(jù)后,對其進(jìn)行數(shù)據(jù)處理并展示在界面上即可。
需要注意的是,文件傳入時,是以URI的形式,需要將URI轉(zhuǎn)成URL,轉(zhuǎn)換過程中,需要對文件類型進(jìn)行區(qū)分。常見的有以下兩種類型:
①file://開頭,可直接轉(zhuǎn)成Url,轉(zhuǎn)換方法為:uri.get-Path();
②以content://開頭,再進(jìn)行細(xì)分;
如content://media/extenral/images/media/17766
以下是針對不同類型的URI的轉(zhuǎn)換方法:
隨著移動互聯(lián)網(wǎng)的發(fā)展,139郵箱的用戶數(shù)量也在持續(xù)穩(wěn)步地增長,隨之用戶需求也在不斷增加與完善。折疊屏手機(jī)也開始走入大眾視野,市場占有率已經(jīng)形成規(guī)模,此次139郵箱對折疊屏手機(jī)的適配具有重要意義。
本文對折疊屏技術(shù)、折疊屏適配特性、Android技術(shù)等進(jìn)行了介紹,在此技術(shù)基礎(chǔ)上,對139郵箱在折疊屏手機(jī)上的適配方案進(jìn)行了研究和輸出,提出了針對折疊屏手機(jī)的包括多窗口適配、平行視界適配、文件拖拽等適配方案,以及在適配過程中遇到的困難與解決方法。
本次折疊屏適配工作共耗時兩個月完成,期間經(jīng)歷了折疊屏系統(tǒng)的調(diào)查和研究,139郵箱應(yīng)用的特性研發(fā),折疊屏適配的可行性調(diào)研,以及后續(xù)的適配工作和測試、修復(fù)工作。由于折疊屏適配目前技術(shù)空白,缺少可參考的方案,因此在摸索過程中遇到了很多困難和障礙。好在最后都一一解決了,并且形成了一套較為完整的適配方案可供他人借鑒。總的來說,能夠完成139郵箱Android端折疊屏的適配,無論對于技術(shù)還是對于平臺,都具有良性的促進(jìn)作用。139郵箱此次在折疊屏手機(jī)上的適配方案,具有廣泛的代表意義。其對后續(xù)其他應(yīng)用適配折疊屏提供了一套符合行業(yè)標(biāo)準(zhǔn)的參照模板,能夠極大地節(jié)約應(yīng)用適配時間,降低應(yīng)用適配的難度,進(jìn)而推動折疊屏手機(jī)的創(chuàng)新與發(fā)展。