快捷導(dǎo)航

Android TreeView效果實現(xiàn)方法(附demo源碼下載)

更新時間：2016年02月22日 09:36:22 作者：fengyee_zju

這篇文章主要介紹了Android TreeView效果實現(xiàn)方法,結(jié)合實例形式分析了Android TreeView效果的實現(xiàn)原理與具體技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下

本文實例講述了Android TreeView效果實現(xiàn)方法。分享給大家供大家參考，具體如下：

應(yīng)該說很多的操作系統(tǒng)上面都提供了TreeView空間，實現(xiàn)樹形結(jié)構(gòu)，這個樹形結(jié)構(gòu)的應(yīng)用時很廣泛的，而Google開發(fā)Android的時候出于Android手機是觸摸屏幕的考慮，用手指操作樹形結(jié)構(gòu)很不方便，從這方面考慮沒有提供TreeView的空間，而是只是提供了一個ExpandableListView：android中的二級樹型Widget，雖然已經(jīng)能滿足不少的功能需求，例如書簽的功能就可以使用這個控件，但是隨著應(yīng)用的不斷增多這個就不能滿足要求了，例如pdf中左側(cè)的目錄的功能，就需要樹形結(jié)構(gòu)來實現(xiàn)。下面的這個應(yīng)用就是基于pdf左側(cè)的目錄結(jié)構(gòu)為原型寫的，那首先貼上效果圖：

這個的思路是：按照類似于“樹”的結(jié)構(gòu)組織數(shù)據(jù)，界面上直接利用大家經(jīng)常用的listview實現(xiàn)的。下面這個是節(jié)點信息的類：

public class PDFOutlineElement {
  private String id;//當(dāng)前節(jié)點的id
  private String outlineTitle ;//節(jié)點上面顯示的信息
  private boolean mhasParent ; //是否有父節(jié)點
  private boolean mhasChild ;//是否有孩子節(jié)點
  private String parent;//父節(jié)點的id
  private int level;//當(dāng)前節(jié)點所在的層次
}

在這里我想解釋一下這個level，是很關(guān)鍵的，他表示的是當(dāng)前節(jié)點所在的層次，不要小看他，正是他幫助我們在界面上顯示出來了層次效果，其實這個樹形結(jié)構(gòu)并不是樹形結(jié)構(gòu)，所有的數(shù)據(jù)都維護在一個ArrayList里面，某一個節(jié)點A下面有子節(jié)點B、C,其實A、B、C這三個節(jié)點在ArrayList里面是順序存放的，如果A的層次是level，那個他的子節(jié)點的層次是level+1,我們在getView()的時候我們可以不借助系統(tǒng)自動給我們畫上，而是可以自己指定他的位置holder.icon.setPadding(25 * (level + 1), holder.icon.getPaddingTop(), 0, holder.icon.getPaddingBottom());，這樣他的子節(jié)點便具有了縮進的效果。

還有比較關(guān)鍵的點是如何實現(xiàn)“展開”和 “縮回”的效果，其實這個只不過是當(dāng)單擊摸個節(jié)點的時候，如果這個節(jié)點下面有子節(jié)點而且是“縮回”的，就把他的所有的子節(jié)點都從那個ArrayList里面刪除調(diào)，然后 notifyDataSetChanged(),同理就是“展開”的時候，就是在這個節(jié)點后面添加子節(jié)點到ArrayList里面，然后 notifyDataSetChanged()。

其實說到這里大家應(yīng)該知道怎么做了，這個樹形結(jié)構(gòu)不是真樹，而就是一個ListView,通過往ArryList里面添加刪除數(shù)據(jù)控制信息，通過setPadding()實現(xiàn)縮進

明白了這個思路，我把getView解釋一下，大家肯定能做出來

public View getView(int position, View convertView, ViewGroup parent) {
  ViewHolder holder;
  if (convertView == null) {
    convertView = mInflater.inflate(R.layout.outline, null);
    holder = new ViewHolder();
    holder.text = (TextView) convertView.findViewById(R.id.text);
    holder.icon = (ImageView) convertView.findViewById(R.id.icon);
    convertView.setTag(holder);
  } else {
    holder = (ViewHolder) convertView.getTag();
  }
  int level = mfilelist.get(position).getLevel();//每次根據(jù)節(jié)點的層次繪制顯示的位置
  holder.icon.setPadding(25 * (level + 1), holder.icon
  .getPaddingTop(), 0, holder.icon.getPaddingBottom());
  holder.icon.setVisibility(View.VISIBLE);
  holder.text.setText(mfilelist.get(position).getOutlineTitle());
       //如果有孩子而且當(dāng)前是不是展開的圖標(biāo)設(shè)置為“+”號的圖標(biāo)
  if (mfilelist.get(position).isMhasChild()
      && (mfilelist.get(position).isExpanded() == false)) {
    holder.icon.setImageBitmap(mIconCollapse);
  } else if (mfilelist.get(position).isMhasChild()
      && (mfilelist.get(position).isExpanded() == true)) {
       //如果有孩子而且當(dāng)前是不是展開的圖標(biāo)設(shè)置為“+”號的圖標(biāo)
    holder.icon.setImageBitmap(mIconExpand);
  } else if (!mfilelist.get(position).isMhasChild()){
    holder.icon.setImageBitmap(mIconCollapse);
    holder.icon.setVisibility(View.INVISIBLE);//這里不要設(shè)置為GONE，因為GONE不顯示而且不占位置的，而INVISIBLE是不顯示但是占位置的
  }
  return convertView;
}

完整實例代碼點擊此處本站下載。

更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Android開發(fā)入門與進階教程》、《Android多媒體操作技巧匯總(音頻,視頻,錄音等)》、《Android基本組件用法總結(jié)》、《Android視圖View技巧總結(jié)》、《Android布局layout技巧總結(jié)》及《Android控件用法總結(jié)》

希望本文所述對大家Android程序設(shè)計有所幫助。

您可能感興趣的文章: