呆紫的程式筆記

以前在設計版面的時候，常常會覺得那個Titlebar很礙事，所以上網找了些辦法消除掉它。

方法一：從Activity下手。

初始的程式碼長這樣。

package eucaly.com.kichou;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class Act01_Logo extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.act01_logo);
    }
}

因為初始程式多半是繼承AppCompatActivity，所以我們將AppCompatActivity改成Activity就可以了。

將

public class Act01_Logo extends AppCompatActivity {

變成

public class Act01_Logo extends Activity {

接下來你會發現你更改的地方字體反紅，此時你只需要在紅色的字體上按「Alt + Enter」，就會跑出下拉式選單，選擇「Import Class」即可。

你會發現上方的程式碼多了一條。

import android.app.Activity;

以下是修改完後，完整的程式碼：

package eucaly.com.kichou;

        import android.app.Activity;
        import android.support.v7.app.AppCompatActivity;
        import android.os.Bundle;

public class Act01_Logo extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.act01_logo);
    }
}

接下來執行模擬器試試看吧！

方法二：從style下手

找到在資料夾res > values > style.xml

程式碼如下：

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

我們將Theme.AppCompat.Light.DarkActionBar改成的DarkActionBar改成NoActionBar就可以囉！

以下是改完後的程式碼：

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

後面結果一樣，我就不放圖囉！

小註記：那時候雖然模擬器上改了，可是在我的設計預覽還是有actionbar的出現

於是百般找方法下終於看到了！！

按下AppCompat以後，會跳出Select Theme的視窗，選擇跟「方法二」一樣的Theme.AppCompat.Light.NoActionBar，按OK。

大功告成。