android-仿美丽说有滑动效果的导航栏

简介:

本文转自:http://blog.csdn.net/swadair/article/details/7487520  请大家多支持原创作者!

这两天看到“美丽说”首页的底部导航栏有一个可以滑动的小红块,觉得很有趣味。于是做了一个具有类似效果的组件RollNavigationBar。

这个组件可以直接用于大家的生产应用,美化成大家想要的样式。比如以前android版QQ的导航栏的滑动效果。

这里我举出RollNavigationBar的一个应用demo,美化成“美丽说”底部导航栏。

美丽说效果图RollNavigationBar组件通过美化实现的美丽说效果图

以下是RollNavigationBar实现美丽说导航栏的源代码。

  1. package cn.w.song.ui;
  2. import java.util.HashMap;
  3. import java.util.LinkedList;
  4. import java.util.List;
  5. import java.util.Map;
  6. import android.app.Activity;
  7. import android.os.Bundle;
  8. import android.view.LayoutInflater;
  9. import android.view.MotionEvent;
  10. import android.view.View;
  11. import android.view.ViewGroup;
  12. import android.widget.ImageView;
  13. import android.widget.TextView;
  14. import cn.w.song.widget.navigation.RollNavigationBar;
  15. import cn.w.song.widget.navigation.adapter.RollNavigationBarAdapter;
  16. /**
  17. * 这是RollNavigationBar组件的一个小应用demo, 模仿"美丽说"的底部滑动效果的导航栏
  18. * 注意将w.song.android.widget-1.0.2.jar包导入本项目。
  19. * 可以到http://download.csdn.net/detail/swadair/4253236下载
  20. * @author w.song
  21. * @version 1.0.1
  22. * @date 2012-4-22
  23. */
  24. public class MeiLiShuoNavigationBarDemoActivityextends Activity {
  25. private String tag = "MeiLiShuoDNavigationBarDemoActivity";
  26. private String[] title = { "关注", "热门", "分类", "喜欢", "我" };
  27. private int[] photo = { R.drawable.nav_menu_home, R.drawable.nav_menu_hot,
  28. R.drawable.nav_menu_category, R.drawable.nav_menu_like,
  29. R.drawable.nav_menu_me };
  30. private int[] photoSelected = { R.drawable.nav_menu_home_selected,
  31. R.drawable.nav_menu_hot_selected,
  32. R.drawable.nav_menu_category_active,
  33. R.drawable.nav_menu_like_active, R.drawable.nav_menu_me_selected };
  34. @Override
  35. protected void onCreate(Bundle savedInstanceState) {
  36. super.onCreate(savedInstanceState);
  37. setContentView(R.layout.meilishuonavigationbardemo_ui);
  38. RollNavigationBar rnb = (RollNavigationBar) findViewById(R.id.navigationbartest_ui_RollNavigationBar);
  39. /* 定制动态数据 */
  40. List<Map<String, Object>> list = new LinkedList<Map<String, Object>>();
  41. for (int i = 0; i < title.length; i++) {
  42. Map<String, Object> map = new HashMap<String, Object>();
  43. map.put("title", title[i]);
  44. map.put("photo", photo[i]);
  45. map.put("photoSelected", photoSelected[i]);
  46. list.add(map);
  47. }
  48. /* 设置滑动条的滑动时间,时间范围在0.1~1s,不在范围则默认0.1s */
  49. rnb.setSelecterMoveContinueTime(0.1f);// 可以不设置,默认0.1s
  50. /* 设置滑动条样式(图片) */
  51. rnb.setSelecterDrawableSource(R.drawable.nav_menu_bg);// 必须
  52. /* 设置导航栏的被选位置 */
  53. rnb.setSelectedChildPosition(0);// 可以不设置
  54. /* 导航栏扩展 */
  55. final MyNavigationBarAdapter adapter =new MyNavigationBarAdapter(this, list);
  56. rnb.setAdapter(adapter);// 必须
  57. rnb.setNavigationBarListener(new RollNavigationBar.NavigationBarListener() {
  58. /**
  59. * position 被选位置
  60. * view 为导航栏
  61. * event 移动事件
  62. */
  63. @Override
  64. public void onNavigationBarClick(int position, View view,
  65. MotionEvent event) {
  66. switch (event.getAction()) {
  67. case MotionEvent.ACTION_DOWN:// 按下去时
  68. break;
  69. case MotionEvent.ACTION_MOVE://移动中
  70. break;
  71. case MotionEvent.ACTION_UP:// 抬手时
  72. break;
  73. }
  74. }
  75. });
  76. }
  77. /**
  78. * 导航栏扩展
  79. *
  80. * @author w.song
  81. * @version 1.0.1
  82. * @date 2012-4-22
  83. */
  84. class MyNavigationBarAdapter extends RollNavigationBarAdapter {
  85. private List<Map<String, Object>> list;
  86. private LayoutInflater mInflater;
  87. public MyNavigationBarAdapter(Activity activity,
  88. List<Map<String, Object>> list) {
  89. mInflater = LayoutInflater.from(activity);
  90. this.list = list;
  91. }
  92. @Override
  93. public int getCount() {
  94. return list.size();
  95. }
  96. /**
  97. * 获取每个组件
  98. *
  99. * @param position
  100. * 组件的位置
  101. * @param contextView
  102. * 组件
  103. * @param parent
  104. * 上层组件
  105. */
  106. @Override
  107. public View getView(int position, View contextView, ViewGroup parent) {
  108. mInflater.inflate(R.layout.item, (ViewGroup) contextView);
  109. RollNavigationBar rollNavigationBar = (RollNavigationBar) parent;
  110. /* 获取组件 */
  111. ImageView imageView = (ImageView) contextView
  112. .findViewById(R.id.image_view);
  113. TextView titleView = (TextView) contextView
  114. .findViewById(R.id.title_view);
  115. /* 获取参数 */
  116. String title = "" + list.get(position).get("title");
  117. int photo = (Integer) list.get(position).get("photo");
  118. int photoSelected = (Integer) list.get(position).get(
  119. "photoSelected");
  120. /* 组件设置参数 */
  121. // 区分选择与被选择图片
  122. if (position == rollNavigationBar.getSelectedChildPosition()) {//被选择
  123. imageView.setBackgroundResource(photoSelected);
  124. } else {//没被选择
  125. imageView.setBackgroundResource(photo);
  126. }
  127. titleView.setText(title);
  128. return contextView;
  129. }
  130. }
  131. }

xml配置文件直接下载demo项目,就不粘贴出来了。

下载 w.song.android.widget-1.0.2.jar

不想复制代码可以直接下载demo这个项目 UseWidgetDemo

在RollNavigationBar的使用过程有任何疑问,可以评论留言,我会尽可能的回复大家的。

w.song.android.widget-1.0.1.jar的下载分数设的有些高,不建议大家下载了。

直接把w.song.android.widget-1.0.2.jar版导入项目即可。



相关文章
|
9月前
|
JavaScript Android开发
使用贝叶斯曲线滑动安卓屏幕(autojsPro7)
使用贝叶斯曲线滑动安卓屏幕(autojsPro7)
291 0
|
15天前
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
117 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
6月前
|
API Android开发 开发者
Android经典实战之用WindowInsetsControllerCompat方便的显示和隐藏状态栏和导航栏
本文介绍 `WindowInsetsControllerCompat` 类,它是 Android 提供的一种现代化工具,用于处理窗口插入如状态栏和导航栏的显示与隐藏。此类位于 `androidx.core.view` 包中,增强了跨不同 Android 版本的兼容性。主要功能包括控制状态栏与导航栏的显示、设置系统窗口行为及调整样式。通过 Kotlin 代码示例展示了如何初始化并使用此类,以及如何设置系统栏的颜色样式。
307 2
|
6月前
|
Android开发
Android使用ViewPager做无限轮播,人为滑动时停止
Android使用ViewPager做无限轮播,人为滑动时停止
109 2
|
6月前
|
API Android开发 Kotlin
Android实战经验分享之如何获取状态栏和导航栏的高度
在Android开发中,掌握状态栏和导航栏的高度对于优化UI布局至关重要。本文介绍两种主要方法:一是通过资源名称获取,简单且兼容性好;二是利用WindowInsets,适用于新版Android,准确性高。文中提供了Kotlin代码示例,并对比了两者的优缺点及适用场景。
479 1
|
7月前
|
XML Android开发 数据格式
Android面试题之DialogFragment中隐藏导航栏
在Android中展示全屏`DialogFragment`并隐藏状态栏和导航栏,可通过设置系统UI标志实现。 记得在布局文件中添加内容,并使用`show()`方法显示`DialogFragment`。
89 2
|
7月前
|
Android开发
Android仿高德首页三段式滑动
Android仿高德首页三段式滑动
189 0
|
9月前
|
Android开发
Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)
Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)
|
8月前
|
编解码 Android开发
Android 解决TextView多行滑动与NestedScrollView嵌套滑动冲突的问题
Android 解决TextView多行滑动与NestedScrollView嵌套滑动冲突的问题
149 0
|
8月前
|
XML Android开发 UED

热门文章

最新文章

  • 1
    如何修复 Android 和 Windows 不支持视频编解码器的问题?
  • 2
    Android历史版本与APK文件结构
  • 3
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 4
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 5
    当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
  • 6
    APP-国内主流安卓商店-应用市场-鸿蒙商店上架之必备前提·全国公安安全信息评估报告如何申请-需要安全评估报告的资料是哪些-优雅草卓伊凡全程操作
  • 7
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 8
    Android经典面试题之Kotlin中Lambda表达式和匿名函数的区别
  • 9
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 10
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
  • 1
    Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
    24
  • 2
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    32
  • 3
    Android历史版本与APK文件结构
    119
  • 4
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    27
  • 5
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
    23
  • 6
    APP-国内主流安卓商店-应用市场-鸿蒙商店上架之必备前提·全国公安安全信息评估报告如何申请-需要安全评估报告的资料是哪些-优雅草卓伊凡全程操作
    55
  • 7
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    37
  • 8
    当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
    71
  • 9
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    117
  • 10
    Android经典面试题之Kotlin中Lambda表达式和匿名函数的区别
    29