Android —— 面包屑控件（BreadcrumbTreeView）

面包屑控件常用在导航中，由于项目中有涉及，又参考大神的介绍，将栗子进行了一番解剖。
参考博文

效果：

功能：
1）点击相应层标题，跳转到相应层级界面。
2）点击列表跳转层级，相应的面包屑控件进行同步显示。

各类介绍

• CrumbView控件：

public class CrumbView extends HorizontalScrollView {

    private int LIGHT_COLOR, DARK_COLOR;
    private Resources mRes;
    private LinearLayout mContainer;
    private FragmentManager mFragmentManager;

    public CrumbView(Context context, AttributeSet attrs) {
        super(context, attrs);

        mRes = context.getResources();
        TypedArray typedArray = mRes.obtainAttributes(attrs, R.styleable.CrumbViewAttrs);
        try{
            LIGHT_COLOR = typedArray.getColor(R.styleable.CrumbViewAttrs_light_color, mRes.getColor(R.color.light_color));
            DARK_COLOR = typedArray.getColor(R.styleable.CrumbViewAttrs_dark_color, mRes.getColor(R.color.dark_color));
        }finally {
            typedArray.recycle();
        }

        initView(context);
    }

    private void initView(Context context) {
        mContainer = new LinearLayout(context);
        mContainer.setOrientation(LinearLayout.HORIZONTAL);
        mContainer.setPadding(mRes.getDimensionPixelOffset(R.dimen.crumb_view_padding), 0,
                mRes.getDimensionPixelOffset(R.dimen.crumb_view_padding), 0);
        mContainer.setGravity(Gravity.CENTER_VERTICAL);
        addView(mContainer);
    }

    public void setActivity(FragmentActivity activity){
        mFragmentManager = activity.getSupportFragmentManager();
        mFragmentManager.addOnBackStackChangedListener(new FragmentManager.OnBackStackChangedListener() {
            @Override
            public void onBackStackChanged() {
                updateCrumbs();
            }
        });
        updateCrumbs();
    }

    private void updateCrumbs() {
        // 嵌套的fragment数量
        int numFrags = mFragmentManager.getBackStackEntryCount();
        // 面包屑的数量
        int numCrumbs = mContainer.getChildCount();

        for(int i = 0; i < numFrags; i++){
            final FragmentManager.BackStackEntry backStackEntry = mFragmentManager.getBackStackEntryAt(i);
            if(i < numCrumbs){
                View view = mContainer.getChildAt(i);
                Object tag = view.getTag();
                if(tag != backStackEntry){
                    for(int j = i; j < numCrumbs; j++){
                        mContainer.removeViewAt(i);
                    }
                    numCrumbs = i;
                }
            }
            if(i >= numCrumbs){
                View itemView = LayoutInflater.from(getContext()).inflate(R.layout.crumb_item_layout, null);
                TextView tv = (TextView) itemView.findViewById(R.id.crumb_name);
                tv.setText(backStackEntry.getBreadCrumbTitle());
                itemView.setTag(backStackEntry);
                itemView.setOnClickListener(new OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        FragmentManager.BackStackEntry bse;
                        if (v.getTag() instanceof FragmentManager.BackStackEntry) {
                            bse = (FragmentManager.BackStackEntry) v.getTag();
                            mFragmentManager.popBackStack(bse.getId(), 0);
                        } else {
                            //全部回退
                            int count = mFragmentManager.getBackStackEntryCount();
                            if (count > 0) {
                                bse = mFragmentManager.getBackStackEntryAt(0);
                                mFragmentManager.popBackStack(bse.getId(), 0);
                            }
                        }
                    }
                });
                mContainer.addView(itemView);
            }
        }
        numCrumbs = mContainer.getChildCount();
        while(numCrumbs > numFrags){
            mContainer.removeViewAt(numCrumbs - 1);
            numCrumbs--;
        }

        //调整可见性
        for (int i = 0; i < numCrumbs; i++) {
            final View child = mContainer.getChildAt(i);
            // 高亮
            highLightIndex(child, !(i < numCrumbs - 1));
        }

        // 滑动到最后一个
        post(new Runnable() {
            @Override
            public void run() {
                fullScroll(ScrollView.FOCUS_RIGHT);
            }
        });
    }

    public void highLightIndex(View view, boolean highLight) {
        TextView text = (TextView) view.findViewById(R.id.crumb_name);
        ImageView image = (ImageView) view.findViewById(R.id.crumb_icon);
        if (highLight) {
            text.setTextColor(LIGHT_COLOR);
            image.setVisibility(View.GONE);
        } else {
            text.setTextColor(DARK_COLOR);
            image.setVisibility(View.VISIBLE);
        }
    }
}

1.自定义的CrumbView，它需要继承HorizontalScrollView以拥有可以左右滚动的效果，同时要实现FragmentManager的OnBackStackChangedListener接口，这样当fragment栈发生变化时，CrumbView就能收到通知并更新导航栏文字。
2.重要方法介绍：
首先有这样四个基础的方法：

1）highLightIndex(View view, boolean highLight)：通过传入层级标题的view，设置是否高亮显示，这个方法在update View的时候进行设置。
2）initView(Context context)：初始化view，在构造器中调用，初始化存放面包屑的mContainer。
3）setActivity(FragmentActivity activity)：提供给外部的方法，用于初始时，设置第一个显示的FragmentActivity，并在其中设置监听OnBackStackChangedListener。
4）updateCrumbs（）：刷新面包屑控件视图。

• MyFragment：自定义的fragment
  继承自ListFragment，重写其方法onListItemClick(ListView l, View v, int position, long id)，设置点击list行的设置面包屑title，将新创建的fragment放栈，

• MainActivity中的使用：

public class MainActivity extends FragmentActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        CrumbView crumbView = (CrumbView) findViewById(R.id.crumb_view);
        crumbView.setActivity(this);

        int firstLevel = 1;
        FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
        ft.setBreadCrumbTitle(getString(R.string.crumb_title, firstLevel));
        ft.replace(R.id.frag_container, MyFragment.getInstance(firstLevel));
        ft.addToBackStack(null);
        ft.commitAllowingStateLoss();
    }

}

1.获得面包屑控件，并设置初始的fragment。

2.通过String中设置变化的标题

    <string name="crumb_title">第%1$d层</string>
    <string name="list_item_txt">第%1$d层第%2$d行</string>

效果展示：