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