Android仿今日头条APP实现下拉导航选择菜单效果

　 /**
 * 初始化数据，将数据加载到对应的View中
 */
 private void initData(){
 PulldownMenuItem item = new PulldownMenuItem(context);
 item.setMenuAlign(menuAlign);
 item.setMenuTextColor(menuTextColor);
 item.setMenuTextSize(menuTextSize);
 int txtLength = menuTexts.length;
 int imgLength = menuImageRes.length;
 
 if (txtLength != 0 && imgLength != 0){
 for (int i = 0; i 

 /**
 * 初始化菜单内容
 * @param context
 * @param columns 菜单的列数
 * @return
 */
 private GridView getMenuGirdView(Context context, int columns){
 if (menuMenuItems.isEmpty()){
 // 初始化菜单数据
 initData();
 }
 
 if (null != menuGridView){
 return menuGridView;
 }
 
 GridView gridView = new GridView(context);
 gridView.setLayoutParams(new LinearLayout.LayoutParams(
 ViewGroup.LayoutParams.MATCH_PARENT, 
 ViewGroup.LayoutParams.MATCH_PARENT));
 // 设置数据适配器
 gridView.setAdapter(new PulldownMenuAdapter(menuMenuItems));
 gridView.setVerticalSpacing(1);
 gridView.setNumColumns(columns);
 gridView.setGravity(Gravity.CENTER);
 gridView.setVerticalScrollBarEnabled(false);
 
 if (menuBackground != 0){
 gridView.setBackgroundResource(menuBackground);
 }
 
 if (menuSelector != -1){
 gridView.setSelector(menuSelector);
 }
 
 gridView.setHorizontalScrollBarEnabled(false);
 setMenuListener(gridView);
 
 return gridView;
 }

 /**
 * 新闻菜单项图片资源
 */
 public final static int[] newsImageRes = {
 R.drawable.ic_menu_toutiao,R.drawable.ic_menu_gn,
 R.drawable.ic_menu_gj,R.drawable.ic_menu_sh,
 R.drawable.ic_menu_sport,R.drawable.ic_menu_nba,
 R.drawable.ic_menu_blog,R.drawable.ic_menu_book,
 R.drawable.ic_menu_yule,R.drawable.ic_menu_mil,
 R.drawable.ic_menu_cj,R.drawable.ic_menu_tech,
 R.drawable.ic_menu_mobile,R.drawable.ic_menu_women,
 R.drawable.ic_menu_car,R.drawable.ic_menu_house
 };
 
 /**
 * 新闻菜单项选中图片资源
 */
 public final static int[] newsImageResPress = {
 R.drawable.ic_menu_toutiao_press,R.drawable.ic_menu_gn_press,
 R.drawable.ic_menu_gj_press,R.drawable.ic_menu_sh_press,
 R.drawable.ic_menu_sport_press,R.drawable.ic_menu_nba_press,
 R.drawable.ic_menu_blog_press,R.drawable.ic_menu_book_press,
 R.drawable.ic_menu_yule_press,R.drawable.ic_menu_mil_press,
 R.drawable.ic_menu_cj_press,R.drawable.ic_menu_tech_press,
 R.drawable.ic_menu_mobile_press,R.drawable.ic_menu_women_press,
 R.drawable.ic_menu_car_press,R.drawable.ic_menu_house_press
 };
 
 /**
 * 新闻菜单项文字
 */
 public final static String[] newsMenuTexts = {
 "今日头条","国内","国际","社会","体育","NBA","博客","读书",
 "娱乐","军事","财经","科技","手机","女性","汽车","房产"
 };

 /**
 * 设置菜单项监听事件
 * @param gridView
 */
 private void setMenuListener(GridView gridView){
 if (null == gridView.getOnItemClickListener()){
 gridView.setOnItemClickListener(new OnItemClickListener(){
 @Override
 public void onItemClick(
 AdapterView<&＃63;> parent, 
 View view,
 int position, 
 long id){
 if (null != menuItemListener){
 menuItemListener.onMenuItemClick(parent, view, position);
 }
 
 hide();
 }
 });
 }
 
 // 按返回键或菜单键隐藏菜单
 gridView.setOnKeyListener(new OnKeyListener(){
 @Override
 public boolean onKey(View v, int keyCode, KeyEvent event){
 if (event.getAction() == KeyEvent.ACTION_DOWN){
 switch (keyCode){
 case KeyEvent.KEYCODE_BACK:
 case KeyEvent.KEYCODE_MENU:
 hide();
 break;
 }
 }
 
 return false;
 }
 });
 }

package com.navigation.utility;

import com.navigation.acitvity.R;
import com.navigation.control.PulldownMenuView;

import android.content.Context;
import android.view.View;

/**
 * PulldownMenuView基本操作类
 * @Description: PulldownMenuView基本操作类

 * @File: PulldownMenuUtility.java

 * @Package com.navigation.utility

 * @Author Hanyonglu

 * @Date 2012-7-30 上午11:41:04

 * @Version V1.0
 */
public class MenuUtility {
 private Context cOntext= null;
 // PulldownMenuView对象
 private PulldownMenuView menu = null;
 // 图片资源
 private int[] imageRes = null;
 // 文字内容
 private String[] texts = null;
 // 菜单高度
 private int height = 0;
 private View anchorView = null;
 
 /**
 * 默认的构造器
 */
 public MenuUtility() {
 // TODO Auto-generated constructor stub
 }
 
 /**
 * 带Context的构造器
 * @param context
 */
 public MenuUtility(Context context) {
 // TODO Auto-generated constructor stub
 this(context,null,null,0,null);
 }
 
 /**
 * 带多参的构造器
 * @param context
 * @param imageRes
 * @param texts
 */
 public MenuUtility(Context context,int[] imageRes,String[] texts,int height,View anchorView){
 this.cOntext= context;
 this.imageRes = imageRes;
 this.texts = texts;
 this.height = height;
 this.anchorView = anchorView;
 }
 
 /**
 * 设置图片资源
 * @param imageRes
 */
 public void setImageRes(int[] imageRes){
 this.imageRes = imageRes;
 }
 
 /**
 * 设置文字内容
 * @param texts
 */
 public void setTexts(String[] texts){
 this.texts = texts;
 }
 
 /**
 * 设置高度
 * @param height
 */
 public void setHeight(int height){
 this.height = height;
 }
 
 /**
 * 设置显示的位置
 * @param anchor
 */
 public void setAnchorView(View anchor){
 anchorView = anchor;
 }
 
 /**
 * 获取PulldownMenuView对象
 * 以下拉的形式展现出来菜单
 * @return
 */
 public PulldownMenuView getPulldownMenuView(String currentItem){
 PulldownMenuView menu = new PulldownMenuView(context);
 menu.setImageRes(imageRes);
 menu.setMenuText(texts);
 menu.setHeight(height);
 menu.setAnchorView(anchorView);
 menu.setCurrentItem(currentItem);
 menu.setBackground(R.drawable.navigation_bg);
 
 return menu;
 }
 
 /**
 * 获取PulldownMenuView对象
 * 以向上弹出的方式展现出来菜单
 * @return
 */
 public PulldownMenuView getPopupMenuView(){
 PulldownMenuView menu = new PulldownMenuView(context);
 menu.setImageRes(imageRes);
 menu.setMenuText(texts);
 // menu.setLocation(Gravity.BOTTOM | Gravity.CENTER);
 menu.setAnimStyle(R.style.pulldown_in_out);
 menu.setBackground(R.drawable.navigation_bg);
 
 return menu;
 }
}

package com.navigation.acitvity;

import com.navigation.constant.ConstantCategoryMenu;
import com.navigation.control.PulldownMenuView;
import com.navigation.control.PulldownMenuView.OnMenuItemClickListener;
import com.navigation.utility.DeviceUtility;
import com.navigation.utility.MenuUtility;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;

/**
 * Android实现下拉导航选择菜单效果
 * @Description: Android实现下拉导航选择菜单效果

 * @File: MainActivity.java

 * @Package com.navigation.acitvity

 * @Author Hanyonglu

 * @Date 2012-7-28 下午06:08:27

 * @Version V1.0
 */
public class MainActivity extends Activity {
 // 今日头条LinearLayout
 private LinearLayout linearLayoutTopic = null;
 // 界面布局
 private RelativeLayout layoutHeader = null;
 private LinearLayout layoutBottom = null;
 private FrameLayout layoutBody = null;
 // PulldownMenuView基本操作类
 private MenuUtility menuUtility = null;
 // PulldownMenuView对象
 private PulldownMenuView pullDownMenu = null;
 private TextView tvTopic = null;
 private ImageView ivTopic = null;
 
 private int height = 0;
 
 /** Called when the activity is first created. */
 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);
 
 // 初始化
 initViews();
 }
 
 /**
 * 初始化
 */
 protected void initViews(){ 
 ivTopic = (ImageView) findViewById(R.id.imageViewTopic);
 tvTopic = (TextView) findViewById(R.id.textViewTopic);
 
 linearLayoutTopic = (LinearLayout)findViewById(R.id.linearLayoutTopic);
 linearLayoutTopic.setOnClickListener(TopicOnClickListener);
 layoutHeader = (RelativeLayout) findViewById(R.id.layout_top_header);
 layoutBottom = (LinearLayout) findViewById(R.id.layout_bottom);
 layoutBody = (FrameLayout) findViewById(R.id.layout_body);
 
 height = DeviceUtility.getScreenSize(this)[1] - 
 layoutHeader.getLayoutParams().height - 
 layoutBottom.getLayoutParams().height -
 DeviceUtility.getStatusBarHeight(this);
 
 menuUtility = new MenuUtility(
 MainActivity.this, 
 ConstantCategoryMenu.newsImageRes,
 ConstantCategoryMenu.newsMenuTexts,
 height,layoutHeader);
 }
 
 /**
 * 显示PulldownMenuView
 */
 protected void showPulldownMenu(){
 pullDownMenu = menuUtility.getPulldownMenuView((String)tvTopic.getText());
 ivTopic.setImageResource(R.drawable.ic_menu_trangle_up);
 }
 
 /**
 * 隐藏PulldownMenuView
 */
 protected void hidePulldownMenu(){
 pullDownMenu.releasePopupMenuView();
 ivTopic.setImageResource(R.drawable.ic_menu_trangle_down);
 }
 
 // 顶部今日头条事件监听器
 private OnClickListener TopicOnClickListener= new OnClickListener() {
 @Override
 public void onClick(View v) {
 // 开始显示下拉菜单
 showPulldownMenu();
 
 // TODO Auto-generated method stub
 pullDownMenu.setOnMenuItemClickListener(new OnMenuItemClickListener() {
 @Override
 public void onMenuItemClick(AdapterView<&＃63;> parent, View view, int position) {
 // TODO Auto-generated method stub
 tvTopic.setText(ConstantCategoryMenu.newsMenuTexts[position]);
 layoutBody.setBackgroundResource(ConstantCategoryMenu.newsBodyRes[position]);
 }
 
 @Override
 public void hideMenu() {
 // TODO Auto-generated method stub
 hidePulldownMenu();
 }
 });
 
 pullDownMenu.show();
 }
 };
}