首页 > 代码库 > 安卓项目开发实战(1)--首页顶部菜单BAR实现

安卓项目开发实战(1)--首页顶部菜单BAR实现

从今天开始,我将开始自己手写一个星座运势的项目,星座运势的数据来源采用MYAPI的星座数据,客户端完全自己实现。

这个系列主要是讲工程中主要界面的布局展示和一些项目中的难点解析。由于本人刚自学安卓不久,请各位大神拍砖时手下留情。

第一个讲讲首页顶部的BAR的实现

现在的APP据我观察顶部都会涉及一个BAR,主要作用就是提示和导航,

先来看下实际的效果


那么如何实现这样一个效果呢?

具体做法是在页面布局里嵌套一个顶部导航菜单的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <RelativeLayout
        android:id="@+id/headerlayout"
        android:layout_width="fill_parent"
        android:layout_height="45.0dip"
        android:background="@color/title_color" >

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="@string/home"
            android:textColor="#ffffffff"
            android:textSize="20.0sp" />
    </RelativeLayout>
</RelativeLayout>
其中android:layout_centerHorizontal="true" android:layout_centerVertical="true"是设置TextView居中显示的,这样写完,在Activity的OnCreate方法中加载这个布局就能

实现顶部导航菜单的效果了,Activity的代码如下

protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.main);  
//        initComponent();
    }  




安卓项目开发实战(1)--首页顶部菜单BAR实现