android 头部菜单

有三个布局文件和三个Activity

menu1 的布局文件-main.xml:

<?xml version="1.0" encoding="UTF-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content"> <!-- 菜单one --> <ImageView android:id="@+id/menu1_oneImage" android:layout_width="106px" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:background="@drawable/nav_background_1" /> <!-- 菜单one --> <TextView android:id="@+id/menu1_oneText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/menu1_oneImage" android:layout_alignTop="@id/menu1_oneImage" android:layout_marginLeft="26px" android:layout_marginTop="8px" android:textColor="@color/black" android:text="菜单1" /> <!-- 菜单two --> <ImageView android:id="@+id/menu1_twoImage" android:layout_width="106px" android:layout_height="wrap_content" android:layout_toRightOf="@id/menu1_oneImage" android:layout_alignTop="@id/menu1_oneImage" android:background="@drawable/nav_background_2" /> <!-- 菜单two 文字 --> <TextView android:id="@+id/menu1_twoText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/menu1_twoImage" android:layout_alignTop="@id/menu1_twoImage" android:layout_marginLeft="26px" android:layout_marginTop="8px" android:textColor="@color/white" android:text="菜单2" /> <!-- 分隔线 --> <ImageView android:id="@+id/menu1_lineImage" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@id/menu1_twoImage" android:layout_alignTop="@id/menu1_twoImage" android:background="@drawable/nav_background_3" /> <!-- 菜单three--> <ImageView android:id="@+id/menu1_threeImage" android:layout_width="106px" android:layout_height="wrap_content" android:layout_toRightOf="@id/menu1_lineImage" android:layout_alignTop="@id/menu1_lineImage" android:background="@drawable/nav_background_2" /> <!-- 菜单three文字 --> <TextView android:id="@+id/menu1_threeText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/menu1_threeImage" android:layout_alignTop="@id/menu1_threeImage" android:layout_marginLeft="26px" android:layout_marginTop="8px" android:textColor="@color/white" android:text="菜单3" /> <!-- 下边框 --> <ImageView android:id="@+id/menu1_bottomLine" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/menu1_oneImage" android:layout_alignLeft="@id/menu1_oneImage" android:background="@drawable/nav_background_4" /> <ScrollView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_below="@id/menu1_bottomLine" android:layout_alignParentLeft="true" android:fadingEdge="vertical" android:background="@drawable/back_white"> <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content"> <TextView android:id="@+id/menu1_contentText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10px" android:textColor="@color/black" android:text="这是文字内容...." /> </RelativeLayout> </ScrollView> </RelativeLayout>

menu2的布局文件-menu2.xml:

<?xml version="1.0" encoding="UTF-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content"> <!-- 菜单one --> <ImageView android:id="@+id/menu2_oneImage" android:layout_width="106px" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:background="@drawable/nav_background_2" /> <!-- 菜单one --> <TextView android:id="@+id/menu2_oneText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/menu2_oneImage" android:layout_alignTop="@id/menu2_oneImage" android:layout_marginLeft="26px" android:layout_marginTop="8px" android:textColor="@color/white" android:text="菜单1" /> <!-- 菜单two --> <ImageView android:id="@+id/menu2_twoImage" android:layout_width="106px" android:layout_height="wrap_content" android:layout_toRightOf="@id/menu2_oneImage" android:layout_alignTop="@id/menu2_oneImage" android:background="@drawable/nav_background_1" /> <!-- 菜单two 文字 --> <TextView android:id="@+id/menu2_twoText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/menu2_twoImage" android:layout_alignTop="@id/menu2_twoImage" android:layout_marginLeft="26px" android:layout_marginTop="8px" android:textColor="@color/black" android:text="菜单2" /> <!-- 菜单three--> <ImageView android:id="@+id/menu2_threeImage" android:layout_width="106px" android:layout_height="wrap_content" android:layout_toRightOf="@id/menu2_twoImage" android:layout_alignTop="@id/menu2_twoImage" android:background="@drawable/nav_background_2" /> <!-- 菜单three文字 --> <TextView android:id="@+id/menu2_threeText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/menu2_threeImage" android:layout_alignTop="@id/menu2_threeImage" android:layout_marginLeft="26px" android:layout_marginTop="8px" android:textColor="@color/white" android:text="菜单3" /> <!-- 下边框 --> <ImageView android:id="@+id/menu2_bottomLine" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/menu2_oneImage" android:layout_alignLeft="@id/menu2_oneImage" android:background="@drawable/nav_background_4" /> <ScrollView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_below="@id/menu2_bottomLine" android:layout_alignParentLeft="true" android:fadingEdge="vertical" android:background="@drawable/back_white"> <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content"> <TextView android:id="@+id/menu2_contentText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10px" android:textColor="@color/black" android:text="这是文字内容...." /> </RelativeLayout> </ScrollView> </RelativeLayout>

menu3的布局文件-menu3.xml:

<?xml version="1.0" encoding="UTF-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content"> <!-- 菜单one --> <ImageView android:id="@+id/menu3_oneImage" android:layout_width="106px" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:background="@drawable/nav_background_2" /> <!-- 菜单one --> <TextView android:id="@+id/menu3_oneText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/menu3_oneImage" android:layout_alignTop="@id/menu3_oneImage" android:layout_marginLeft="26px" android:layout_marginTop="8px" android:textColor="@color/white" android:text="菜单1" /> <!-- 分隔线 --> <ImageView android:id="@+id/menu3_lineImage" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@id/menu3_oneImage" android:layout_alignTop="@id/menu3_oneImage" android:background="@drawable/nav_background_3" /> <!-- 菜单two --> <ImageView android:id="@+id/menu3_twoImage" android:layout_width="106px" android:layout_height="wrap_content" android:layout_toRightOf="@id/menu3_lineImage" android:layout_alignTop="@id/menu3_lineImage" android:background="@drawable/nav_background_2" /> <!-- 菜单two 文字 --> <TextView android:id="@+id/menu3_twoText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/menu3_twoImage" android:layout_alignTop="@id/menu3_twoImage" android:layout_marginLeft="26px" android:layout_marginTop="8px" android:textColor="@color/white" android:text="菜单2" /> <!-- 菜单three--> <ImageView android:id="@+id/menu3_threeImage" android:layout_width="106px" android:layout_height="wrap_content" android:layout_toRightOf="@id/menu3_twoImage" android:layout_alignTop="@id/menu3_twoImage" android:background="@drawable/nav_background_1" /> <!-- 菜单three文字 --> <TextView android:id="@+id/menu3_threeText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/menu3_threeImage" android:layout_alignTop="@id/menu3_threeImage" android:layout_marginLeft="26px" android:layout_marginTop="8px" android:textColor="@color/black" android:text="菜单3" /> <!-- 下边框 --> <ImageView android:id="@+id/menu3_bottomLine" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/menu3_oneImage" android:layout_alignLeft="@id/menu3_oneImage" android:background="@drawable/nav_background_4" /> <ScrollView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_below="@id/menu3_bottomLine" android:layout_alignParentLeft="true" android:fadingEdge="vertical" android:background="@drawable/back_white"> <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content"> <TextView android:id="@+id/menu3_contentText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10px" android:textColor="@color/black" android:text="这是文字内容...." /> </RelativeLayout> </ScrollView> </RelativeLayout>

menu1 对应的Activity ：

import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.ImageView; import android.widget.TextView; public class MainActivity extends Activity { private TextView twoText; private ImageView twoImage; private TextView threeText; private ImageView threeImage; private Intent intent; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); intent=new Intent(); twoText=(TextView)findViewById(R.id.menu1_twoText); twoImage=(ImageView)findViewById(R.id.menu1_twoImage); threeText=(TextView)findViewById(R.id.menu1_threeText); threeImage=(ImageView)findViewById(R.id.menu1_threeImage); twoText.setOnClickListener(new TwoOnClickListener()); twoImage.setOnClickListener(new TwoOnClickListener()); threeText.setOnClickListener(new ThreeOnClickListener()); threeImage.setOnClickListener(new ThreeOnClickListener()); } class TwoOnClickListener implements OnClickListener{ @Override public void onClick(View v) { intent.setClass(MainActivity.this,Menu2Activity.class); startActivity(intent); } } class ThreeOnClickListener implements OnClickListener{ @Override public void onClick(View v) { intent.setClass(MainActivity.this,Menu3Activity.class); startActivity(intent); } } }

menu2 对应的Activity:

import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.ImageView; import android.widget.TextView; public class Menu2Activity extends Activity { private TextView oneText; private ImageView oneImage; private TextView threeText; private ImageView threeImage; private Intent intent; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.menu2); intent=new Intent(); oneText=(TextView)findViewById(R.id.menu2_oneText); oneImage=(ImageView)findViewById(R.id.menu2_oneImage); threeText=(TextView)findViewById(R.id.menu2_threeText); threeImage=(ImageView)findViewById(R.id.menu2_threeImage); oneText.setOnClickListener(new OneOnClickListener()); oneImage.setOnClickListener(new OneOnClickListener()); threeText.setOnClickListener(new ThreeOnClickListener()); threeImage.setOnClickListener(new ThreeOnClickListener()); } class OneOnClickListener implements OnClickListener { @Override public void onClick(View v) { intent.setClass(Menu2Activity.this,MainActivity.class); startActivity(intent); } } class ThreeOnClickListener implements OnClickListener{ @Override public void onClick(View v) { intent.setClass(Menu2Activity.this,Menu3Activity.class); startActivity(intent); } } }

menu3 对应的Activity:

import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.ImageView; import android.widget.TextView; public class Menu3Activity extends Activity { private TextView oneText; private ImageView oneImage; private TextView twoText; private ImageView twoImage; private Intent intent; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.menu3); intent=new Intent(); oneText=(TextView)findViewById(R.id.menu3_oneText); oneImage=(ImageView)findViewById(R.id.menu3_oneImage); twoText=(TextView)findViewById(R.id.menu3_twoText); twoImage=(ImageView)findViewById(R.id.menu3_twoImage); oneText.setOnClickListener(new OneOnClickListener()); oneImage.setOnClickListener(new OneOnClickListener()); twoText.setOnClickListener(new TwoOnClickListener()); twoImage.setOnClickListener(new TwoOnClickListener()); } class OneOnClickListener implements OnClickListener { @Override public void onClick(View v) { intent.setClass(Menu3Activity.this,MainActivity.class); startActivity(intent); } } class TwoOnClickListener implements OnClickListener{ @Override public void onClick(View v) { intent.setClass(Menu3Activity.this,Menu2Activity.class); startActivity(intent); } } }

工程实例下载：http://good.gd/1036319.htm