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>

效果展示：