时间:2021-05-19
1.开发原因
在项目中经常需要一个需要一个树状框架,这是非常常见的控件。不过可能是谷歌考虑到android是手机系统,界面宽度有限,所以只提供了只有二级的ExpandableListView。虽然这个控件可以满足很多需求,但是无数级的树在某些情况下还是需要的,所以我花了一天时间(大部分时间都在调试动画去了,不过现在动画还有点问题,具体原因不明。。如果某位大神能找到原因灰常感谢)。
2.原理
网上很多都是扩展listview实现的,不过listview貌似不支持复杂控件的事件?而且做动画也不方便,所有我决定扩展linearlayout,在里面增加子节点的方式实现。
3.代码
TreeView.java:
复制代码 代码如下:
package net.memornote.android.ui.view;
import java.util.ArrayList;
import java.util.List;
import java.util.Timer;
import java.util.TimerTask;
import android.content.Context;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.LinearLayout;
public class TreeView extends LinearLayout{
// private List<TreeItem> items;
private List<TreeItem> sortedItems;
private int animTime;
public TreeView(Context context, AttributeSet attrs) {
super(context, attrs);
setOrientation(LinearLayout.VERTICAL);
}
/**
* initialize data,you must make sure that each item has parent except the top ones.
* @param items the data to show
* @param index the index of the tree to insert to
* @param viewHeight each view's height
* @param animTime if you want expand animation,
* you can set the time(ms) of animation,otherwise you can set 0.
*
*/
public void initData(List<TreeItem> items,int index){
if(items==null||items.size()==0){
return ;
}
sortItemList(items);
int size=sortedItems.size();
initAddIndex=index<0?-Integer.MAX_VALUE:index;
for (int i=0;i<size;i++) {
TreeItem item=sortedItems.get(i);
recuseShow(item);
}
}
private boolean isAnim=false;
/**
* 这个方法还有很 严重的bug,无法使用。。
* 设置为0则关闭动画
* @param animTime
*/
public void enabledAnim(int animTime) {
if(animTime<0){
isAnim=false;
return ;
}
this.animTime=animTime;
isAnim=true;
}
private int initAddIndex;
private void recuseShow(TreeItem item){
View view=item.getView();
addView(view,initAddIndex);
if(item.getParent()!=null){
view.setVisibility(View.GONE);
item.isShow=false;
}else {
view.setVisibility(View.VISIBLE);
item.isShow=true;
}
initAddIndex++;
List<TreeItem> childrens=item.getChildrens();
if(childrens.size()>0){
for (TreeItem it : childrens) {
recuseShow(it);
}
}
}
@Override
public void onWindowFocusChanged(boolean hasWindowFocus) {
super.onWindowFocusChanged(hasWindowFocus);
if(hasWindowFocus){
}
}
private void sortItemList(List<TreeItem> items) {
//把items按照层级关系存放,sortedItems只存放顶层的item
sortedItems=new ArrayList<TreeItem>(5);
for (TreeItem item : items) {
if(item.getParent()==null){
sortedItems.add(item);
}else {
item.getParent().getChildrens().add(item);
}
}
}
private int viewIndex=0;
private int animHeight=0;
private void addChild(TreeItem item,boolean isRecurse){
if(item.getChildrens().size()>0){
List<TreeItem> list=item.getChildrens();
for (TreeItem it : list) {
View view=it.getView();
if(it.isShow){
continue;
}
viewIndex++;
view.setVisibility(View.VISIBLE);
it.isShow=true;
if(isAnim){
animHeight-=it.getViewHeight();
}
it.nextIsExpand=true;
if(isRecurse){
addChild(it,true);
}
}
}
}
private int removeCount=0;
private synchronized void removeChild(TreeItem item,boolean isRecurse){
if(item.getChildrens().size()>0){
List<TreeItem> list=item.getChildrens();
for (TreeItem it : list) {
View view=it.getView();
if(!it.isShow){
continue;
}
// removeViewAt(viewIndex);
TranslateAnimation ta=new TranslateAnimation(0, 0, 0, 0);
ta.setFillAfter(true);
ta.setDuration(1000);
view.startAnimation(ta);
// viewIndex++;
removeCount++;
it.isShow=false;
view.setVisibility(View.GONE);
if(isAnim){
animHeight+=it.getViewHeight();
}
if(isRecurse){
removeChild(it,true);
}
}
}
}
private void animAdd(){
TranslateAnimation ta=new TranslateAnimation(
Animation.ABSOLUTE, 0,
Animation.ABSOLUTE, 0,
Animation.ABSOLUTE, animHeight,
Animation.ABSOLUTE, 0);
ta.setFillBefore(true);
// ta.setFillAfter(false);
ta.setDuration(animTime);
for (int i = viewIndex+1; i < getChildCount(); i++) {
View view=getChildAt(i);
view.startAnimation(ta);
}
animHeight=0;
}
private void animRemove(){
TranslateAnimation ta=new TranslateAnimation(
Animation.ABSOLUTE, 0,
Animation.ABSOLUTE, 0,
Animation.ABSOLUTE, animHeight,
Animation.ABSOLUTE, 0);
ta.setFillAfter(false);
ta.setFillBefore(true);
ta.setDuration(animTime);
int startAnimIndex;
startAnimIndex=viewIndex+1;
for (int i = startAnimIndex; i < getChildCount(); i++) {
View view=getChildAt(i);
view.startAnimation(ta);
}
animHeight=0;
}
public void expand(TreeItem item){
viewIndex=indexOfChild(item.getView());
addChild(item,false);
if(isAnim){
animAdd();
}
}
public void expandAllChildren(TreeItem item) {
viewIndex=indexOfChild(item.getView());
addChild(item,true);
if(isAnim){
animAdd();
}
}
public void expandAll(){
if(sortedItems==null){
return ;
}
for (TreeItem item : sortedItems) {
expandAllChildren(item);
}
}
public void contractAllChildren(TreeItem item) {
viewIndex=indexOfChild(item.getView())+1;
removeChild(item,true);
if(isAnim){
animRemove();
}
}
public void contractAll(){
if(sortedItems==null){
return ;
}
for (TreeItem item : sortedItems) {
contractAllChildren(item);
}
}
public void bind(TreeItem item) {
if(item.nextIsExpand){
expand(item);
}else {
contractAllChildren(item);
}
item.nextIsExpand=!item.nextIsExpand;
}
}
TreeItem.java
复制代码 代码如下:
package net.memornote.android.ui.view;
import java.util.ArrayList;
import java.util.List;
import android.view.View;
public class TreeItem {
private View view;
private TreeItem parent;
private List<TreeItem> childrens=new ArrayList<TreeItem>(0);
public boolean nextIsExpand=true;
public boolean isShow=false;
private int viewHeight;
public TreeItem(){}
public TreeItem(int id,View view, TreeItem parent) {
super();
this.view = view;
this.parent = parent;
}
public View getView() {
if(view!=null){
view.setPadding(getLevel()*20,0,0,0);
}
return view;
}
public void setView(View view) {
this.view = view;
}
public TreeItem getParent() {
return parent;
}
public void setParent(TreeItem parent) {
this.parent = parent;
}
/**
* 动态获取该节点的级数
* @return
*/
public int getLevel() {
int level=0;
TreeItem localParent=parent;
while (localParent!=null) {
level++;
localParent=localParent.getParent();
}
return level;
}
public List<TreeItem> getChildrens() {
return childrens;
}
public int getViewHeight() {
if(view==null||view.getHeight()==0){
return viewHeight;
}
return view.getHeight();
}
public void setViewHeight(int viewHeight) {
this.viewHeight = viewHeight;
}
}
测试代码:
复制代码 代码如下:
package net.memornote.android.ui;
import net.memornote.android.R;
import net.memornote.android.ui.fragment.MainFragment;
import net.memornote.android.ui.fragment.MenuFragment;
import com.actionbarsherlock.view.Menu;
import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;
import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;
import android.os.Bundle;
import android.view.KeyEvent;
public class MainActivity extends SlidingFragmentActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.slid_content_frame);
tv_notebook=(TreeView) findViewById(R.id.tv_notebook);
List<TreeItem> items=new ArrayList<TreeItem>();
initData(items);
tv_notebook.initData(items, 0);
tv_notebook.enabledAnim(500);
}
//初始化一些测试数据
public void initData(List<TreeItem> items) {
for (int i=0;i<10;i++) {
// TextView tv=new TextView(getActivity());
Button button=new Button(getActivity());
button.setText("item"+i);
final TreeItem item=new TreeItem(0, button, null);
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
tv_notebook.bind(item);
}
});
items.add(item);
if(i%2==0){
Button bt1=new Button(getActivity());
bt1.setText("item"+i);
bt1.setClickable(true);
final TreeItem item_1=new TreeItem(0, bt1, null);
bt1.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
tv_notebook.bind(item_1);
}
});
item_1.setParent(item);
items.add(item_1);
if(i%4==0){
Button bt_2=new Button(getActivity());
bt_2.setText("item"+i);
bt_2.setClickable(true);
final TreeItem item_2=new TreeItem(0, bt_2, null);
bt_2.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
tv_notebook.bind(item_2);
}
});
item_2.setParent(item_1);
items.add(item_2);
}
}
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
return true;
}
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
这里使用asp.net2.0的TreeView控件结合JavaScript实现权限树的部分功能。 假设权限树中有如下三条规则: 1、该节点可以访问,则他
下面的例子将结合项目实际运用来使用Jquery.TreeView,当然在使用控件树需要现在相应的js文件下面就把我生成的TreeView展现给大家看看希望对大家
本文重点讲解了TreeView控件的使用方法。TreeView控件具有丰富的功能,可以运用到很多场合。摘要:讲述了如何向TreeView控件添加数据绑定功能,它
TreeView是Powerbuilder中非常重要的一个控件,在很多地方使用起来非常方便,但同步选择问题困扰了很多人,本文就给出了实现TreeView控件同步
本文实例讲述了C#TreeView无限目录树实现方法。分享给大家供大家参考,具体如下:#region绑定客户树protectedvoidbindTreeView