這幾年一直在做手機(jī)上和電視盒的App，幾乎沒(méi)有考慮過(guò)橫豎屏切換的問(wèn)題。電視盒好說(shuō)，橫屏不變，你要是給它設(shè)計(jì)個(gè)豎屏人家也沒(méi)機(jī)會(huì)使；而手機(jī)上的應(yīng)用就不好說(shuō)了，有些界面你設(shè)計(jì)了橫豎屏兼容可能是為了表示你的功能強(qiáng)大。但是按照慣例，或許也是設(shè)計(jì)師圖省事，我們只是做一個(gè)方案。就像目前主流的App都只有豎屏一個(gè)模式，比如微信、京東和招商銀行。我截了幾張圖表示一下。 

但是像地圖之類(lèi)的應(yīng)用，也許橫屏?xí)@示的更友好一些。請(qǐng)看騰訊地圖的設(shè)計(jì)如下：

細(xì)心的你會(huì)發(fā)現(xiàn)，地圖的橫豎屏的樣式幾乎是一樣的布局，調(diào)整起來(lái)還是比較容易的。我一直也這樣認(rèn)為，橫豎屏切換就是一件十分Easy的事兒，但現(xiàn)在我不這樣認(rèn)為了。

因?yàn)槲铱墒撬伎荚贏ndroid平板上的界面設(shè)計(jì)了。屏幕大了，橫豎屏可以提供不同的表現(xiàn)形式。這是平板與手機(jī)的區(qū)別。但這樣一來(lái)，事情就會(huì)變得不那么簡(jiǎn)單了。尤其是大量信息錄入的界面，后臺(tái)有線程工作的時(shí)候，都是很難辦的事兒。下面是我的一些探索，希望大家多提意見(jiàn)。

生命周期的故事

橫豎屏切換的過(guò)程，會(huì)經(jīng)歷onDestroy和onCreate。通俗點(diǎn)說(shuō)，就是這個(gè)activity關(guān)閉了，有新起來(lái)一個(gè)activity。那么，前一個(gè)activity的數(shù)據(jù)肯定都不存在了。雖然這樣的切換，你的EditText上輸入的內(nèi)容還在，但是一定要記得，成員變量都是空的啦。數(shù)據(jù)保存成了一個(gè)問(wèn)題。

保存整個(gè)activity的方案

在Manifest里對(duì)于的activity加上這個(gè)配置就不會(huì)重走銷(xiāo)毀和創(chuàng)建了，如下：

android:configChanges="orientation|keyboardHidden|screenSize"

不要高興的太早，除非你不需要改變橫豎屏的布局，否則這個(gè)方案仍然要有很多工作要做。

還是乖乖的保存數(shù)據(jù)吧

onRetainNonConfigurationInstance()被棄用了，我們還是用onSaveInstanceState吧。針對(duì)橫豎屏不同的布局，我們只需在創(chuàng)建一個(gè)layout-land文件夾，里面放同名的布局文件，onCreate時(shí)會(huì)自動(dòng)加載相對(duì)應(yīng)的橫豎屏布局。
在橫豎屏切換的過(guò)程中會(huì)經(jīng)歷onSaveInstanceState，給你一個(gè)保存數(shù)據(jù)的機(jī)會(huì)：

  @Override
  public void onSaveInstanceState(Bundle outState) {
    Log.i("linc", "onSaveInstanceState(Bundle)");
    super.onSaveInstanceState(outState);

    outState.putString(TEXT_ONE, ""+editText1.getTag(R.id.tag_first));//avoid null point
//    outState.putSerializable();//object
  }

在onCreate中把數(shù)據(jù)取出來(lái)：

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_land_port_switch);
    Log.e("linc","oncreate");
    editText1 = (EditText)findViewById(R.id.txt1);
        // Restore saved state.
    if (savedInstanceState != null) {      editText1.setTag(R.id.tag_first,savedInstanceState.getString(TEXT_ONE));
    }
    }

github上的一個(gè)進(jìn)度條例子

請(qǐng)看這個(gè)例子吧，橫豎屏切換可以有自己的布局，切換過(guò)程中不會(huì)打斷進(jìn)度條的工作，用到了Fragment。詳情請(qǐng)見(jiàn)這里：
https://github.com/alexjlockwood/worker-fragments

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論