«

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

时间:2024-3-2 18:28     作者:韩俊     分类: Android


概要
申请专栏成功啦~好开心,嘻嘻,还会坚持下去的,希望一切都会有好结果!!这是专栏的第一讲,我们知道如果用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的布局是一个程序的门户,今后我们一起学习布局与设计技巧! 最后,老规矩~
每日一句:
遇见你,希望你是我今生唯一

标签: android

热门推荐