androi实现自定义标题栏、自定义光标

概要

申请专栏成功啦~好开心，嘻嘻，还会坚持下去的，希望一切都会有好结果！！这是专栏的第一讲，我们知道如果用android自带的标题栏好low的，在怎么使用我们自己的标题栏上学习了好久，终于找到了很好的方法，这是最基础的一个知识，现在介绍给大家 ~

效果展示

demo

首先创建一个android项目，基础的步骤就不说了，创建完毕之后，我们先写他的布局界面

<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:background="#f2f2f2"
    tools:context="com.example.administrator.icephonefhhxml.BuildTeam">

/*这里需要注意的是xml文件刚创建时会有paddingleft/right/top 等等，把这些去掉，至于为什么大家可以加上来感受一下，就是如果有padding的话就说明parent界面有左右边距，也就是linearlayout不能全屏显示*/

    <View
        android:layout_height="2dp"
        android:layout_width="fill_parent"
        android:background="#dddddd"
        android:id="@+id/v0"
        />

    <View
        android:layout_height="0.5dp"
        android:layout_width="fill_parent"
        android:background="#ebebeb"
        android:id="@+id/v1"
        android:layout_below="@+id/v0"
        android:layout_marginTop="12dp"
        />

/*上面是定义几行细线，使界面美观，个人比较喜欢每个控件加id，然后谁在谁下面用below来确定，布局一目了然*/

    <LinearLayout
        android:id="@+id/block"
        android:layout_width="fill_parent"
        android:layout_height="102dp"
        android:layout_alignTop="@+id/v1"
        android:background="#FFFFFF"
        android:orientation="vertical" >
        <LinearLayout
            android:id="@+id/firstline"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/v1"
            android:background="#FFFFFF"
            android:layout_marginTop="25dp"
            android:orientation="horizontal" >
            <EditText
                android:id="@+id/edtTxt_web"
                android:layout_marginLeft="12dp"
                android:layout_width="340dp"
                android:layout_height="fill_parent"
                android:textSize="14sp"
                android:textColor="#404548"
                android:background="@null"
                android:textCursorDrawable="@drawable/cursor_style"  //这行是设置光标，这个drawable是我们自定义的光标
                />
        </LinearLayout>

    </LinearLayout>
    <TextView
        android:id="@+id/tv3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/block"
        android:layout_marginLeft="12dp"
        android:layout_marginTop="12dp"
        android:text="好有点开链接注册成功后， 即成为您的团队成员！"
        android:textSize="12sp"
        android:textColor="#757575"/>

    <Button
        android:id="@+id/btn_share"
        android:layout_width="fill_parent"
        android:layout_height="46dp"
        android:layout_below="@+id/tv3"
        android:layout_marginLeft="12dp"
        android:background="@drawable/button_style"
        android:layout_marginRight="12dp"
        android:layout_marginTop="30dp"
        android:text="分享给好友"
        android:textColor="#FFFFFF"
        android:textSize="18sp"
        android:focusable="true"/>

</RelativeLayout>

我们先说一下如何自定义光标，我们在res->drawable下新建一个名为cursor_style的xml文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <size android:width="2dp" />
    <solid android:color="#fd7b23"  />
</shape>

这里我们指定它的大小为2dp、颜色为橘红色（solid有纯色的意思），就这样简单的几行代码可以让任何的edittext引用他

下面我们该定义自己的标题栏了，这个方法我在网上找了很久，都不完整，要么报错要么没有效果

第一步，先创建一个tittle_bar_help.xml文件用来保存标题栏的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="48dp"
    android:orientation="vertical"
    android:background="#ebebeb">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:background="#ebebeb"
        android:layout_marginTop="13.5dp"
        >
        <Button
            android:id="@+id/btn_back"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="12dp"
            android:background="@drawable/change_city_nav_back_default" />

        <TextView
            android:id="@+id/tv_tittle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="120dp"
            android:text="组建团队"
            android:textColor="#404548"
            android:textSize="20sp"/>

        <TextView
            android:id="@+id/tv_help"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="50dp"
            android:text="帮助"
            android:textColor="#404548"
            android:textSize="14sp"/>


    </LinearLayout>

</LinearLayout>

然后在activity里是指标题栏样式为自己指向的标题栏

super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
        setContentView(R.layout.activity_build_team);
        getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.tittle_bar_help);

然后运行！！

----------------------------------10秒钟之后------------------------------------------------\

报错了吧!

O(∩_∩)O

哈哈~

--------------------------------怎么办呢？--------------------------------------------------\

首先我们要知道为什么，是配置文件出问题了，我们看一下配置文件

 <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >

这个地方明显说明我们指定的theme是系统自带的Theme，怎么能三心二意的去找别的theme？！所以我们果断换成自己的Theme

在res->values->styles做如下修改

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">
        <!-- Customize your theme here. -->
    </style>
    <style name="CustomWindowTitleBackground">
        <item name="android:background">#ebebeb</item>
    </style>

    <style name="Mystyle" parent="android:Theme">
        <item name="android:windowTitleSize">48dp</item>
        <item name="android:windowTitleBackgroundStyle">@style/CustomWindowTitleBackground</item>
    </style>
</resources>

我们定义了一个自己的theme，然后声明title使用自定义

然后在配置文件里配置成我们自己的theme

<application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/Mystyle" >

最后运行就可以啦~啦~啦~

感想

drawable里面还可以定义很多特效，包括按钮点击时的变化等...感兴趣的可以去看看~~android的布局是一个程序的门户，今后我们一起学习布局与设计技巧！

最后，老规矩~

每日一句：

遇见你，希望你是我今生唯一