欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android主題切換之探究白天和夜間模式

 更新時(shí)間：2016年07月16日 17:32:27   作者：Sunzxyong  
所謂的主題切換，就是能夠根據(jù)不同的設(shè)定，呈現(xiàn)不同風(fēng)格的界面給用戶，也就是所謂的換膚。下面跟小編一起來(lái)看看怎么實(shí)現(xiàn)Android主題切換中的白天和夜間模式。

智能手機(jī)的迅速普及，大大的豐富了我們的娛樂(lè)生活。現(xiàn)在大家都喜歡晚上睡覺(jué)前玩會(huì)兒手機(jī)，但是應(yīng)用的日間模式往往亮度太大，對(duì)眼睛有較為嚴(yán)重的傷害。因此，如今的應(yīng)用往往開發(fā)了 日間和夜間 兩種模式供用戶切換使用，那日間和夜間模式切換究竟是怎樣實(shí)現(xiàn)的呢？

在文字類的App上面基本上都會(huì)涉及到夜間模式、就是能夠根據(jù)不同的設(shè)定、呈現(xiàn)不同風(fēng)格的界面給用戶、而且晚上看著不傷眼睛、實(shí)現(xiàn)方式也就是所謂的換膚（主題切換）、對(duì)于夜間模式的實(shí)現(xiàn)網(wǎng)上流傳了很多種方式、這里先分享一個(gè)方法給大家、通過(guò)設(shè)置背景為透明的方法、降低屏幕的亮度與色度。


夜間模式代碼

public void night() {
  WindowManager.LayoutParams params = new WindowManager.LayoutParams(
      LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT,
      LayoutParams.TYPE_APPLICATION,
      WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
          | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
      PixelFormat.TRANSLUCENT);
  params.gravity=Gravity.BOTTOM;
  params.y=10;
  if(myView==null){
    myView=new TextView(this);
    myView.setBackgroundColor(0x80000000);
  }
  mWindowManager.addView(myView, params);
  Editor edit = skinSp.edit();
  edit.putString("skin", NIGHT);
  edit.commit();
}

白天模式

public void day(){
  if(myView!=null){
    mWindowManager.removeView(myView);
    Editor edit = skinSp.edit();
    edit.putString("skin", DAY);
    edit.commit();
  }
}

下面通過(guò)實(shí)例操作來(lái)詳細(xì)展示如何進(jìn)行Android主題切換中的白天/夜間模式。

上述兩幅圖片，正是兩款A(yù)pp的夜間模式效果，所以，依據(jù)這個(gè)功能，來(lái)看看切換主題到底是怎么實(shí)現(xiàn)的（當(dāng)然現(xiàn)在github有好多PluginTheme開源插件，很多時(shí)候可以使用這些插件，不過(guò)我并不想講怎么用那些插件，正所謂會(huì)用輪子還不如會(huì)造輪子）。

關(guān)于更換主題和換膚

這里提到是做換主題功能，當(dāng)然與之類似的就是換膚，換膚現(xiàn)在比較流行的是采用插件化動(dòng)態(tài)加載技術(shù)來(lái)實(shí)現(xiàn)的，這樣可以起到熱插拔作用，需要皮膚時(shí)候用戶自主的在網(wǎng)上下載便是了，不用皮膚時(shí)便刪了皮膚插件包而不會(huì)影響宿主App的功能，這樣就不必把一大堆皮膚圖片放在本地而增加apk的大小，關(guān)于用插件化實(shí)現(xiàn)換膚功能這僅僅是插件化技術(shù)的冰山一角，關(guān)于插件化技術(shù)更多的作用，可以看看360前兩天開源的 DroidPlugin插件框架、OpenAltas框架、還有主席的DL框架。

好了，言歸正傳，現(xiàn)在我們需要實(shí)現(xiàn)的是主題切換功能，關(guān)于主題切換其實(shí)是切換整個(gè)App的顏色風(fēng)格、排版風(fēng)格、字體風(fēng)格等，其中并不會(huì)有過(guò)多的圖片資源的切換，如有過(guò)多的圖片的更換那就是換膚的功能了。
現(xiàn)在我們要實(shí)現(xiàn)夜間/白天模式的切換功能，如下效果圖：


可以看到上面的效果正是夜間和白天兩種模式的切換功能，切換至夜間模式時(shí)整個(gè)App的背景色、字體顏色、按鈕顏色、標(biāo)題欄顏色等全部需要切為夜間模式的顏色，當(dāng)切回白天模式又切回原來(lái)的顏色，來(lái)看看怎么做的？

實(shí)現(xiàn)主題切換

首先就是需要在app中準(zhǔn)備兩套主題：

白天主題

<resources>

  <style name="DayTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">#03A9F4</item>
    <item name="android:textColorPrimary">#ffffff</item>
    <item name="android:windowBackground">@color/background_material_light</item>
    <item name="colorAccent">#00BCD4</item>
    <item name="colorControlNormal">#00BCD4</item>

    <item name="titleStyle">@style/DayTitleStyle</item>
    <item name="contentStyle">@style/DayContentStyle</item>
    <item name="buttonBg">#2196F3</item>
    <item name="buttonTextColor">#ffffff</item>
    <item name="checkTextColor">#2196F3</item>
    <item name="switchTextColor">#2196F3</item>
  </style>

  <style name="DayTitleStyle">
    <item name="android:textColor">#212121</item>
    <item name="android:textSize">20sp</item>
    <item name="android:layout_margin">8dp</item>
  </style>

  <style name="DayContentStyle">
    <item name="android:textColor">#9C27B0</item>
    <item name="android:textSize">16sp</item>
    <item name="android:layout_margin">16dp</item>
    <item name="android:maxLines">10</item>
  </style>

</resources>

夜間主題

<resources>

  <style name="NightTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">#00796B</item>
    <item name="android:textColorPrimary">#212121</item>
    <item name="android:windowBackground">@color/background_material_dark</item>
    <item name="colorAccent">#00796B</item>
    <item name="colorControlNormal">#212121</item>

    <item name="titleStyle">@style/NightTitleStyle</item>
    <item name="contentStyle">@style/NightContentStyle</item>
    <item name="buttonBg">#00796B</item>
    <item name="buttonTextColor">#9E9E9E</item>
    <item name="checkTextColor">#212121</item>
    <item name="switchTextColor">#212121</item>
  </style>

  <style name="NightTitleStyle">
    <item name="android:textColor">#212121</item>
    <item name="android:textSize">20sp</item>
    <item name="android:layout_margin">8dp</item>
  </style>

  <style name="NightContentStyle">
    <item name="android:textColor">#212121</item>
    <item name="android:textSize">16sp</item>
    <item name="android:layout_margin">16dp</item>
    <item name="android:maxLines">10</item>
  </style>

</resources>

上面這兩套主題中，各個(gè)屬性定義完全一模一樣，不一樣的只是屬性的值，其中在DayTheme和NightTheme的style中有這么一段代碼：

<item name="titleStyle">@style/DayTitleStyle</item>
<item name="contentStyle">@style/DayContentStyle</item>
<item name="buttonBg">#2196F3</item>
<item name="buttonTextColor">#ffffff</item>
<item name="checkTextColor">#2196F3</item>
<item name="switchTextColor">#2196F3</item>

正常情況下style中是不存在這些屬性的，它們這些是自定義屬性，主要是用來(lái)控制某些控件或者布局的屬性，它們的定義在attr文件中：

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <attr name="contentStyle" format="reference"/>
  <attr name="titleStyle" format="reference"/>
  <attr name="buttonBg" format="reference|color"/>
  <attr name="buttonTextColor" format="reference|color"/>
  <attr name="checkTextColor" format="reference|color"/>
  <attr name="switchTextColor" format="reference|color"/>
</resources>

然后在布局中引用即可：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context=".MainActivity">

  <TextView
    style="?attr/titleStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/title" />

  <TextView
    style="?attr/contentStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/hello_world" />

  <CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="CheckBox"
    android:textColor="?attr/checkTextColor" />

  <CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="CheckBox"
    android:textColor="?attr/checkTextColor" />

  <Switch
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Switch"
    android:textColor="?attr/switchTextColor" />

  <Button
    android:id="@+id/btn_setting"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="設(shè)置"
    android:background="?attr/buttonBg"
    android:textColor="?attr/buttonTextColor" />

</LinearLayout>

最后在整個(gè)App主題的style中使用它們就ok了。這樣做有什么好處呢？我們都知道App設(shè)置主題時(shí)候都是設(shè)置一個(gè)style，而App中某些控件或者布局的背景或者style樣式需要和整個(gè)主題樣式不同時(shí)，這時(shí)候可以通過(guò)設(shè)置個(gè)自定義屬性，通過(guò)在App的style中給與自定義屬性不同的值來(lái)達(dá)到目的。

切換主題

好了，有了兩套主題了，接下來(lái)是通過(guò)代碼來(lái)進(jìn)行控制主題間的切換了，控制主題的切換其實(shí)就是通過(guò)setTheme(R.style.*);來(lái)設(shè)置不同的style從而達(dá)到界面風(fēng)格的變換，不過(guò)這個(gè)方法setTheme()只在setContentView()方法前設(shè)置才有效，所以如果你想在其它地方調(diào)用這個(gè)方法來(lái)切換主題那是肯定不行的，所以這里有兩個(gè)難點(diǎn)？

1、怎么處理當(dāng)前的設(shè)置界面在切換主題后同時(shí)切換主題風(fēng)格

2、怎么處理之前已經(jīng)打開的界面讓他們切換主題風(fēng)格

這里我給出的答案是：

1、在當(dāng)前切換主題的設(shè)置界面使用Activity.recreate()方法，該方法的作用就是當(dāng)當(dāng)前Activity的配置發(fā)生變化時(shí)，調(diào)用這個(gè)方法可以把當(dāng)前Activity實(shí)例銷毀并重新創(chuàng)建出一個(gè)Activity實(shí)例。如此可見(jiàn)通過(guò)這個(gè)方法可以很容易的解決問(wèn)題一，因?yàn)樗鼤?huì)重新創(chuàng)建一個(gè)新的Activity實(shí)例。

2、這里我使用的方法是通過(guò)設(shè)置Intent的Flag來(lái)達(dá)到更新之前Activity的效果，通過(guò)設(shè)置mIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK | Intent.FLAG_ACTIVITY_CLEAR_TASK);讓它清除之前的Activity再創(chuàng)建一個(gè)新的Activity，這樣當(dāng)返回之前的界面就可以更新主題了?！咀ⅰ咳绻卸鄠€(gè)界面可以通過(guò)設(shè)置主界面MainActivity的launchMode為singleTask，在返回主界面時(shí)候清除其它界面來(lái)更新主題

對(duì)于上面的方法（如有更好的方法歡迎告知，萬(wàn)分感謝！）

代碼實(shí)現(xiàn)

最后再貼下代碼：
通過(guò)一個(gè)主題設(shè)置工具類設(shè)置主題，在每個(gè)Activity的setContentView()方法之前設(shè)置主題：
設(shè)置主題工具類：

public class ThemeChangeUtil {
  public static boolean isChange = false;
  public static void changeTheme(Activity activity){
    if(isChange){
      activity.setTheme(R.style.NightTheme);
    }
  }
}

設(shè)置界面：

public class ChangeTheme extends AppCompatActivity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    ThemeChangeUtil.changeTheme(this);
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_change);

    Button mChangeBtn = (Button) findViewById(R.id.btn_change);
    mChangeBtn.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        if (ThemeChangeUtil.isChange) {
          ThemeChangeUtil.isChange = false;
        } else {
          ThemeChangeUtil.isChange = true;
        }
        ChangeTheme.this.recreate();//重新創(chuàng)建當(dāng)前Activity實(shí)例
      }
    });
  }

  @Override
  public void onBackPressed() {
    super.onBackPressed();
    Intent mIntent = new Intent(this, MainActivity.class);
    mIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK | Intent.FLAG_ACTIVITY_CLEAR_TASK);
    startActivity(mIntent);
    finish();
  }
}

主界面：

public class MainActivity extends AppCompatActivity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    ThemeChangeUtil.changeTheme(this);
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Button mSettingBtn = (Button) findViewById(R.id.btn_setting);
    mSettingBtn.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        MainActivity.this.startActivity(new Intent(MainActivity.this, ChangeTheme.class));
      }
    });
  }
}

以上就是Android主題切換中的白天/夜間模式的詳細(xì)過(guò)程及代碼，一開始先給大家簡(jiǎn)單的展示了代碼，而后詳細(xì)的介紹過(guò)程及代碼，需要的朋友參考。

相關(guān)文章

最新評(píng)論