Android学习笔记_34_自定义窗口标题

　　1、建好项目之后在它的layout文件夹下创建一个title.xml文件，作为自定义窗口标题的文件。

<?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:orientation="horizontal" >



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:text="@string/hello_world"

        android:textColor="#FF00FF"

         />



    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:onClick="add"

        android:text="添加" />



</LinearLayout>

　　2、在res/drawable文件下建立rectangle.xml文件，为窗口应用上渐变效果。

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="rectangle" >

   <!--  填充色为渐变色,不需要中间颜色startColor开始和结束的颜色.-->

    <gradient

        android:angle="270"      

        android:endColor="#1DC9CD"

        android:startColor="#A2E0FB"/>

    <!-- 定义内间距 -->

    <padding

        android:left="2dp"

        android:top="2dp"

        android:right="2dp"

        android:bottom="2dp" />



</shape>

　　3、布局文件：

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity" >



    <Button

        android:id="@+id/button1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_alignParentTop="true"

        android:text="Button" />



</RelativeLayout>

　　4、通过activity后台代码进行自定义窗口设置。

package com.example.customertitle;



import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.View;

import android.view.Window;

import android.widget.Toast;



//自定义标题

public class MainActivity extends Activity {



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        // 1.设置使用自定义窗口

        requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);

        setContentView(R.layout.activity_main);

        // 2.给窗口引入自定义标题的xml界面文件

        getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.title);

    }



    public void add(View v) {

        Toast.makeText(this, "按钮被点击", Toast.LENGTH_LONG).show();

    }



    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }



}

　　5、部署项目，可以显示自定义的窗口标题。可是自定义的窗口标题距离界面左右两端有一点距离，并没有完全覆盖。为了解决这一个问题，需要覆盖android的窗口标题。下面是android窗口标题的源码。

 

<!--2. 注意: 系统窗口的界面文件在Android系统源代码android-sdk-windows\platforms\android-8\data\res\layout下的screen_custom_title.xml，内容如下：

           1.一个线性布局-->

 <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"



    android:orientation="vertical"



    android:fitsSystemWindows="true">

<!--2.两个帧布局. -->

    <FrameLayout android:id="@android:id/title_container" 

<!--宽度使用父元素的.-->

        android:layout_width="match_parent" 

<!--高度使用"?android:attr/windowTitleSize"系统的一个属性的值.-->

        android:layout_height="?android:attr/windowTitleSize"

<!--这里还应用了一个样式,这个样式也是使用的系统的一个值.

 这里用了一个样式,这个是在windowTitleBackgroundStyle

系统的默认主题里指定的.-->

        style="?android:attr/windowTitleBackgroundStyle">



    </FrameLayout>



    <FrameLayout android:id="@android:id/content"

<!--宽填充父元素-->

        android:layout_width="match_parent" 

高,这里是由上面的那个帧布局的高决定

        android:layout_height="0dip"

这个作用,先确定完第一个帧布局的尺寸,然后在确定第二个的尺寸,第二个帧布局的尺寸会

根据第一个帧布局的尺寸的变化而变化.-->

         android:layout_weight="1"



        android:foregroundGravity="fill_horizontal|top"

<!--这个设置前景颜色-->

        android:foreground="?android:attr/windowContentOverlay" />

<!--3.这两个帧布局的关系,第二个会叠加在第一个帧布局的上面.-->

 </LinearLayout>

<!--这里要解决,图片的两端有空白的地方的做法是:让第二个帧布局变成透明的,第二个

 利用上次做的背景图.-->

?android:attr/windowTitleSize



?android:attr/windowTitleBackgroundStyle



?android:attr/windowContentOverlay



上述属性的值在android-sdk-windows\platforms\android-8\data\res\values下的themes.xml文件中定义：



   <style name="Theme">



       <itemname="windowContentOverlay">@android:drawable/title_bar_shadow</item>



        <itemname="windowTitleSize">25dip</item>



       <itemname="windowTitleBackgroundStyle">@android:style/WindowTitleBackground</item>



   </style>



 



@android:style/WindowTitleBackground样式在android-sdk-windows\platforms\android-8\data\res\values下的styles.xml文件中定义：



   <style name="WindowTitleBackground">



        <itemname="android:background">@android:drawable/title_bar</item>



   </style>

　　通过上述可以知道android的主题样式，现在需要继承重写它的样式，代码如下

<resources xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 定义一个样式，覆盖原有主题样式  -->

    <style name="myTheme" parent="android:Theme">

        <item name="android:windowContentOverlay">@drawable/color</item>

        <item name="android:windowTitleSize">50dp</item>

        <item name="android:windowTitleBackgroundStyle">@style/textViewBg</item>

    </style>



    <style name="textViewBg">

        <item name="android:background">@drawable/rectangle</item>

    </style>

</resources>

　　颜色值的定义

<?xml version="1.0" encoding="utf-8"?>

<resources>



    <string name="app_name">CustomerTitle</string>

    <string name="action_settings">Settings</string>

    <string name="hello_world">自定义标题</string>

    <drawable name="color">#00000000</drawable>

</resources>