Android UI 设计之TitleBar

       今天上Android课老师让做一个app的界面，不过界面实在是简单，仅仅是拖几个控件来就完成任务。所以我想自己好好研究一下，界面设计到底是如何做的。下面就先从系统自带的TitleBar开始。

首先，在新建一个Activity时，我感觉TitleBar很丑，

然后就想设成全屏的比较好看。所以有了：

<!--将AndroidManifest.xml修改一下就行了-->android:theme="@style/AppTheme"<!--改为-->android:theme="@android:style/Theme.NoTitleBar.Fullscreen"

能够将TitleBar直接去掉，不过去掉我感觉更加的难看，于是就有了这篇文章的由来。我要自定义TitleBar，我要让TitleBar随着我的想法来展现而不是直接去掉！！！！

在网上找了一堆的资源，来说明如何自定义Titlebar的，总结了一下有几种方法(下面只是一种)：

//layout下加入新的界面配置文件作为TitleBar的样式可以添加各种控件，Textview啊，Button啊。//在style.xml里对Titlebar的大小及背景颜色进行修改。

//在AndroidManifest.xml将主题加入//最后再在mainActivity中进行响应，就大功告成啦

</pre><pre name="code" class="java"><pre name="code" class="html"><span style="font-size:18px;"><!--<span style="font-family: Arial, Helvetica, sans-serif;">step 1 : 新建</span>mytitlebar.xml--></span>

</pre><pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:layout_gravity="center_vertical"    android:gravity="center_vertical|top">        <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:id="@+id/mytitlebar"        android:text="@string/btn_title_back"        android:textSize="20dp"        android:textColor="#3366cc"    />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:id="@+id/txt_title_string"        android:text="@string/app_title"        android:textSize="20dp"        android:textColor="#3366cc"        android:gravity="top" /></LinearLayout>

</pre><pre name="code" class="html">

<span style="font-size:18px;"><!--Step 2: 修改style.xml--></span><resources>    <!-- Base application theme. -->    <style name="AppTheme" parent="android:Theme">        <!-- Customize your theme here. -->    </style>    <style name="style_color" parent="android:Theme">        <item name="android:background">#342312</item>    </style>    <style name="My_Title_Style" parent="android:Theme">        <item name="android:windowTitleBackgroundStyle">@style/style_color</item>        <item name="android:windowTitleSize">50dp</item>    </style></resources>

<span style="font-size:18px;"><!--Step 3：修改AndroidManifest.xml--></span>

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.example.like.java_study_helper" >    <application        android:icon="@drawable/ic_launcher"        android:label="@string/app_title"        android:theme="@style/AppTheme" >        <activity            android:name=".MainActivity"            android:label="@string/app_title"            <span style="color:#ff0000;">android:theme="@style/My_Title_Style"></span>            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>    </application></manifest>

</pre><pre name="code" class="html">

<span style="font-size:18px;">//Step 4:修改MainActivity.java中的onCreate函数</span>

public class MainActivity extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);        setContentView(R.layout.activity_main);        getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,R.layout.mytitlebar);    }

}

按着这四个步骤就能简单的进行TitleBar的自定义布局啦!!!!

不过我这个时有点丑啦，，

不过也算是能够勉强达到要求，，

这些内容在网上大致相同，但是这不是我的目的；

未完待续。。。。。

在后续的开发中，还是遇到了一个很重要的问题！！！！

这种方式自定义的TitleBar只能在一个Activity中使用，在其他Activity中会出现程序自动stop的情况，具体如何解决，我将整理成一片博客来深入讨论这个问题。