android-仿美丽说具有按下效果的顶部导航栏-阿里云开发者社区

android-仿美丽说具有按下效果的顶部导航栏

2012-04-29 1466

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

转自http://blog.csdn.net/swadair/article/details/7494395

PressNavigationBar组件通过美化可以实现“美丽说”具有按下效果的顶部导航栏，如图:

PressNavigationBar组件可以直接用于生产应用。

这是美丽说这是PressNavigationBar组件美化后仿美丽说效果图

PressNavigationBar使用的源码如下：

[java]view plaincopy 
   
 package cn.w.song.ui;   
    
 import java.util.HashMap;   
 import java.util.LinkedList;   
 import java.util.List;   
 import java.util.Map;   
    
 import android.app.Activity;   
 import android.graphics.Color;   
 import android.os.Bundle;   
 import android.view.MotionEvent;   
 import android.view.View;   
 import cn.w.song.widget.navigation.PressNavigationBar;   
    
 /**  
  * 这是PressNavigationBar的一个应用demo  
  * 仿"美丽说"顶部的具有按下效果的导航栏  
  * 注意确定w.song.android.widget-1.0.2.jar已经导入项目  
  * 该包已放在该项目的根目录中。  
  * 了解详情看博文  
  * @author w.song  
  * @version 1.0.1  
  * @date 2012-4-24  
  */   
 public class MeiLiShuoPressNavigationBarDemoActivity extends Activity {   
     @Override   
     protected void onCreate(Bundle savedInstanceState) {   
         super.onCreate(savedInstanceState);   
         this.setContentView(R.layout.meilishuopressnavigationbardemo_ui);   
         PressNavigationBar pressNavigationBar = (PressNavigationBar) findViewById(R.id.navigationbartest_ui_PressNavigationBar);   
         /* 动态部署数据 */   
         String[] text = { "最热", "最新", "猜你喜欢" };   
         int[] textSize = { 14, 14, 14 };//单位sp   
         int[] textColor = { Color.WHITE, Color.WHITE, Color.WHITE };   
         int[] image = { R.drawable.message_left_button_normal,   
                 R.drawable.message_middle_button_normal,   
                 R.drawable.message_right_button_normal };//未被选择样式（图片）   
         int[] imageSelected = { R.drawable.message_left_button_pressed,   
                 R.drawable.message_middle_button_pressed,   
                 R.drawable.message_right_button_pressed };//被选择样式（图片）   
         List<Map<String, Object>> pressBarList = new LinkedList<Map<String, Object>>();   
         for (int i = 0; i < image.length; i++) {   
             Map<String, Object> map = new HashMap<String, Object>();   
             map.put("text", text[i]);   
             map.put("textSize", textSize[i]);   
             map.put("textColor", textColor[i]);   
             map.put("image", image[i]);   
             map.put("imageSelected", imageSelected[i]);   
             pressBarList.add(map);   
         }   
            
         /* "按下效果导航栏"添加子组件  */   
         pressNavigationBar.addChild(pressBarList);   
            
         /* "按下效果导航栏"添加监视 */   
         pressNavigationBar.setPressNavigationBarListener(new PressNavigationBar.PressNavigationBarListener() {   
           /**  
             *@params position 被选位置  
             *@params view 为导航栏  
             *@params event 移动事件  
             */   
             @Override   
             public void onNavigationBarClick(int position, View view,   
                     MotionEvent event) {   
                 switch (event.getAction()) {   
                 case MotionEvent.ACTION_DOWN:// 按下去时   
                        
                     break;   
                 case MotionEvent.ACTION_MOVE://移动中   
                        
                     break;   
                 case MotionEvent.ACTION_UP:// 抬手时      
                        
                     break;   
                 }   
             }   
         });   
     }   
 }   

完整demo项目下载 android版仿美丽说按下效果的顶部导航栏

PressNavigationBar组件下载 w.song.android.widget-1.0.2.jar

android-仿美丽说具有按下效果的顶部导航栏

热门文章

最新文章

相关课程

相关电子书