Android编程实现的简易路径导航条功能示例

本文实例讲述了Android编程实现的简易路径导航条功能。分享给大家供大家参考,具体如下:

这里要实现的是如图所示的路径导航条, 类似于文件管理器的效果。

该导航条包含三个功能:

1. 支持追加任意个子路径(文字一行写不下时可左右滑动);
2. 支持返回到上一个路径;
3. 支持点击中间的某个路径回到指定位置。

代码很简单,已封装成自定义View, 如下:

PathTextView.Java

/**
 * 显示路径的View,支持返回上一级,支持点击某个位置回到指定层级。
 */
public class PathTextView extends LinearLayout {
  private TextView mTextView;
  private HorizontalScrollView hsView;
  private OnItemClickListener mListener;
  //保存每一个路径的id和名称
  private LinkedList<PathItem> pathItemList;
  //可点击部门文本颜色
  private static final int TEXT_COLOR = Color.parseColor("#48a0c7");
  //分隔符
  private static final String DIV_STR = " - ";
  public PathTextView(Context context) {
    super(context);
  }
  public PathTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
    View root = LayoutInflater.from(context).inflate(R.layout.simple_tv, this, true);
    hsView = (HorizontalScrollView) root.findViewById(R.id.path_hs);
    mTextView = (TextView) root.findViewById(R.id.path_tv);
    mTextView.setMovementMethod(LinkMovementMethod.getInstance());
    mTextView.setOnLongClickListener(new View.OnLongClickListener() {
      @Override
      public boolean onLongClick(View v) {
        return true;
      }
    });
    pathItemList = new LinkedList<>();
  }
  /**
   * 初始化根路径名称。
   */
  public void initRoot(String text) {
    mTextView.append(createSpannableString(-1, text));
    pathItemList.addLast(new PathItem(-1, text));
  }
  /**
   * 继续拼接一个路径。
   */
  public void append(long id, String text) {
    mTextView.append(DIV_STR);
    mTextView.append(createSpannableString(id, text));
    pathItemList.addLast(new PathItem(id, text));
    //HorizontalScrollView滑动到最右边
    hsView.postDelayed(new Runnable() {
      @Override
      public void run() {
        hsView.fullScroll(HorizontalScrollView.FOCUS_RIGHT);
      }
    }, 100);
  }
  /**
   * 返回父级路径,一般用户点击“返回”时调用。
   */
  public void backParent() {
    int lastItemLength = pathItemList.removeLast().text.length();
    CharSequence oldCs = mTextView.getText();
    mTextView.setText(oldCs.subSequence(0, oldCs.length() - lastItemLength - DIV_STR.length()));
  }
  private SpannableString createSpannableString(long id, String text) {
    SpannableString spStr = new SpannableString(text);
    ClickableSpan clickSpan = new MyClickableSpan(id);
    spStr.setSpan(clickSpan, 0, text.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spStr.setSpan(new ForegroundColorSpan(TEXT_COLOR), 0, text.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    return spStr;
  }
  private class MyClickableSpan extends ClickableSpan {
    private long id;
    MyClickableSpan(long id) {
      super();
      this.id = id;
    }
    @Override
    public void onClick(View widget) {
      //更新当前路径
      int backCount = 0;
      while (pathItemList.getLast().id != id) {
        backParent();
        backCount++;
      }
      //回调
      if (mListener != null && backCount > 0) {
        mListener.onClick(id, backCount);
      }
    }
  }
  private class PathItem {
    private long id;
    private String text;
    private PathItem(long id, String text) {
      this.id = id;
      this.text = text;
    }
  }
  public interface OnItemClickListener {
    /**
     * @param currentId 返回后目录的id.
     * @param backCount 返回层级的数量.
     */
    void onClick(long currentId, int backCount);
  }
  /**
   * 设置点击某个中间路径时的回调。
   */
  public void setOnItemClickListener(OnItemClickListener listener) {
    this.mListener = listener;
  }
}

布局文件,其实就是一个TextView:

simple_tv.xml

<?xml version="1.0" encoding="utf-8"?>
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/path_hs"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="@color/light_gray2"
  android:scrollbars="none">
  <TextView
    android:id="@+id/path_tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@color/light_gray2"
    android:paddingBottom="12dp"
    android:paddingLeft="8dp"
    android:paddingRight="8dp"
    android:paddingTop="12dp"
    android:textSize="15sp" />
</HorizontalScrollView>

使用方法也很简单:

1. 初始化时,调用 initRoot(String text) 方法,传入根路径名称;
2. 点击列表项进入下一级时,调用 append(long id, String text) 方法,传递当前项的id(用于唯一性区分)和名称;
3. 返回上一级时,调用 backParent() 方法;
4. 点击某个中间路径时, OnItemClickListener.onClick(long currentId, int backCount) 方法将会被回调,并返回点击项的id和返回的层级数量。

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》、《Android资源操作技巧汇总》、《Android文件操作技巧汇总》、《Android开发入门与进阶教程》、《Android编程之activity操作技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

(0)

相关推荐

  • Android实现第三方登录的上拉展开,下拉隐藏,下拉隐藏示例

    Android的UI和交互是很重要的一部分,直接影响到用户对软件的体验.随着项目经验的积累,发现Android中动画的运用越来越重要.本篇文章抽出了项目登录界面中实现的第三方登录,用户可以上拉展开,下拉隐藏第三方登录这么一个效果,提高用户和软件的交互性. 实现效果: (1)activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android=&q

  • Android编程实现点击链接打开APP功能示例

    本文实例讲述了Android编程实现点击链接打开APP功能.分享给大家供大家参考,具体如下: 在Android中点击链接打开APP是一个很常见的需求.例如,电商为用户发送优惠券之后经常会下发一条短信:某某优惠券已发送到您的账户中,点击 xxx 链接即可查看!此时当用户点击链接之后会直接打开本地APP,进入相关页面. 功能实现: 1.在manifest中为相应的activity添加intent-filter: <activity android:name=".TestActivity&quo

  • Android编程实现ActionBar的home图标动画切换效果

    本文实例讲述了Android编程实现ActionBar的home图标动画切换效果.分享给大家供大家参考,具体如下: Material Design中一个重要特性是侧滑菜单 展开/关闭 时,ActionBar上的home图标也动画切换.本例要实现的正是这个效果,如图所示: 实现这个效果仅需几步: 1.首先,该页面的布局是一个DrawerLayout,代码如下: <android.support.v4.widget.DrawerLayout xmlns:android="http://sche

  • Android SQLite数据库中的表详解

    Android SQLite数据库 前言 以前写PHP的时候,内置了print_r()和var_dump()两个函数用于打印输出任意类型的数据内部结构,现在做Android的开发,发现并没有这种类似的函数,对于数据库的查看很不方便,于是就写了一下查看数据库表的方法代码. 代码实现 import java.util.Arrays; import android.app.Activity; import android.database.Cursor; import android.database

  • Android 屏幕切换监听的实例代码

    昨天,我试着在屏幕切换时,使View显示在不同的位置,在网上搜索了一些资料,自己做了一段时间,终于完成了功能. 由于屏幕切换会调用activity的各个生命周期,所以需要在manifest的activity属性加上代码 android:configChanges="keyboardHidden|orientation|screenSize|locale|layoutDirection" 然后重写onConfigurationChanged(),加上自己的处理代码 @Override p

  • Android编程使用android-support-design实现MD风格对话框功能示例

    本文实例讲述了Android编程使用android-support-design实现MD风格对话框功能.分享给大家供大家参考,具体如下: 首先上效果图:   测试设备为红米Note,系统为Android 4.4.4 说明: 1.在新版的android.support.v7包中,Google提供了一个新的AlertDialog类,即android.support.v7.app.AlertDialog.使用该类中的Builder可以直接创建Material Design风格的对话框,而不需要再借助于

  • Android6.0 固定屏幕功能实现方法及实例

    Android 固定屏幕功能 可能大家看到这个标题不知道是什么东西,我先说明下,android6.0在设置->安全->屏幕固定开启后,然后再长按home键出现最近的几个Activity可以选择一个图钉按钮就开启了屏幕固定功能. 屏幕固定开启后,屏幕只能固定在设定的Task上的Activity切换. 一.设置固定屏幕 我们先来看SystemUI/src/com/Android/systemui/recents/ScreenPinningRequest.Java的代码,这段代码就是长按home键出

  • Android侧滑导航栏的实例代码

    今天学习的新内容是侧滑导航栏,我想大家肯定都比较熟悉了,因为这个效果在qq里面也有,最近一直跟室友们玩的游戏是快速让自己的头像的点赞量上千.当然我的效果跟qq是没有办法比的,因为那里面的功能是在是太强大了.下面我来展示一下我做的效果截图. 我做的界面有点丑,但是对比之前已经是有了很大的改观了.想做这样的效果的话可以ps几张比较好看的图片. 下面就是粘贴我代码的时间了. activity_main.xml <cn.edu.rjxy.activity.DragLayout xmlns:android

  • Android编程使用自定义View实现水波进度效果示例

    本文实例讲述了Android编程使用自定义View实现水波进度效果.分享给大家供大家参考,具体如下: 首先上效果图: 简介: 1.自动适应屏幕大小: 2.水波自动横向滚动: 3.各种绘制参数可通过修改常量进行控制. 代码不多,注释也比较详细,全部贴上: (一)自定义组件: /** * 水波进度效果. */ public class WaterWaveView extends View { //边框宽度 private int STROKE_WIDTH; //组件的宽,高 private int

  • 详解Android应用开发--MP3音乐播放器代码实现(一)

    需求1:将内存卡中的MP3音乐读取出来并显示到列表当中 1.从数据库中查询所有音乐数据,保存到List集合当中,List当中存放的是Mp3Info对象 2.迭代List集合,把每一个Mp3Info对象的所有属性,保存到Map对象当中 3.定义一个List集合,把Map对象添加到List集合当中 4.通过定义一个SimpleAdpter,调用setAdpter方法,将数据显示到列表当中 /** * 用于从数据库中查询歌曲的信息,保存在List当中 * * @return */ public Lis

  • Android实现固定屏幕显示的方法

    本文实例讲述了Android实现固定屏幕显示的方法.分享给大家供大家参考.具体如下: 在Android开发中我们会碰到开发屏幕扭转的情况,如何固定住屏幕ScreenOrientation 呢? 在学习jetboy代码时,发现屏幕被旋转了,代查代码没有找到相关设置,在manifest.xml中找到了相关的代码: 找到这名代码: 复制代码 代码如下: android:screenOrientation="portrait" portrait表示横向,landscape表示纵向 如果要使Ac

随机推荐