一个Android上面TreeView效果

研究了一段时间终于实现了TreeView的效果,现在把这个分享给大家,希望能再给出好的建议。这个的思路是:按照类似于“树”的结构组织数据,界面上直接利用大家经常用的listview实现的。下面这个是节点信息的类:
public class PDFOutlineElement {
    private String id;//当前节点的id
    private String outlineTitle ;//节点上面显示的信息
    private boolean mhasParent ; //是否有父节点
    private boolean mhasChild ;//是否有孩子节点
    private String parent;//父节点的id
    private int level;//当前节点所在的层次
}
在这里我想解释一下这个level,是很关键的,他表示的是当前节点所在的层次,不要小看他,正是他帮助我们在界面上显示出来了层次效果,其实这个树形结构并不是树形结构,所有的数据都维护在一个ArrayList里面,某一个节点A下面有子节点B、C,其实A、B、C这三个节点在ArrayList里面是顺序存放的,如果A的层次是level,那个他的子节点的层次是level+1,我们在getView()的时候我们可以不借助系统自动给我们画上,而是可以自己指定他的位置holder.icon.setPadding(25 * (level + 1), holder.icon.getPaddingTop(), 0, holder.icon.getPaddingBottom());,这样他的子节点便具有了缩进的效果。
还有比较关键的点是如何实现“展开”和 “缩回”的效果,其实这个只不过 是当单击摸个节点的时候,如果这个节点下面有子节点而且是“缩回”的,就把他的所有的子节点都从那个ArrayList里面删除调,然后 notifyDataSetChanged(),同理就是“展开”的时候,就是在这个节点后面添加子节点到ArrayList里面,然后 notifyDataSetChanged()。
其实说到这里大家应该知道怎么做了,这个树形结构不是真树,而就是一个ListView,通过往ArryList里面添加删除数据控制信息,通过setPadding()实现缩进
明白了这个思路,我把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();//每次根据节点的层次绘制显示的位置
             holder.icon.setPadding(25 * (level + 1), holder.icon
                    .getPaddingTop(), 0, holder.icon.getPaddingBottom());
            holder.text.setText(mfilelist.get(position).getOutlineTitle());
                      //如果有孩子而且当前是不是展开的图标设置为“+”号的图标
            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)) {
                      //如果有孩子而且当前是不是展开的图标设置为“+”号的图标
                holder.icon.setImageBitmap(mIconExpand);
            } else if (!mfilelist.get(position).isMhasChild()){
                holder.icon.setImageBitmap(mIconCollapse);
                holder.icon.setVisibility(View.INVISIBLE);//这里不要设置为GONE,因为GONE不显示而且不占位置的,而INVISIBLE是不显示但是占位置的
            }
            return convertView;
        }
这里要特别说明的是/*if (convertView == null) {*/将这个注释掉,按照平时的做法,我们都是第一次创建,以后再用就不用创建了,但是这样会有问题,因为我们是动态的向ArrayList里面添加、删除数据,如果添加删除完数据 后调用setListAdapter,那么每次重新加载数据,这样会出现不管你在哪里点击都会回到最上面,树形结构短的话看不出来,长的话就看出来了,所以每次重新加载数据后调用的是notifyDataSetChanged(),但是这个也有问题,就是“+”、“-”号的图标显示换乱,多点几次图标全部没有了,原因就在于每次getView的时候没有重新inflate,所以每次重新加载就可以了
4L%M9VZE[RPM`)_S72T)O`3.jpg U~T0T2YCT3HT)FN@7W5(GZ4.jpg
6$L`I9(N@`MZO%DOY72UBL2.jpg Y`0{B]W34I0S8OB)7GYP(7P.jpg
2011-1-1 15:23 上传
下载附件 (45.47 KB)

经过朋友的指点,上面有一个不太对的地方在这里改正一下
   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();
   }
   
   holder.icon.setVisibility(View.VISIBLE);
   ------
TreeView.zip (63.05 KB, 下载次数: 361)


 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
### 回答1: 在WPF中,可以使用内置的拖放功能来实现TreeView之间的拖拽。 首先,我们需要启用拖放功能。在目标TreeView的XAML中,添加以下代码: ``` <TreeView AllowDrop="True" ...> ``` 然后,我们需要处理源TreeView中项的鼠标拖动事件。在源TreeView中的代码中,添加以下代码: ``` <TreeView.ItemContainerStyle> <Style TargetType="{x:Type TreeViewItem}"> <EventSetter Event="PreviewMouseMove" Handler="TreeViewItem_PreviewMouseMove" /> </Style> </TreeView.ItemContainerStyle> ``` 在代码文件中,添加以下事件处理程序代码: ```C# private void TreeViewItem_PreviewMouseMove(object sender, MouseEventArgs e) { if (e.LeftButton == MouseButtonState.Pressed) { TreeViewItem draggingItem = sender as TreeViewItem; if (draggingItem != null) { DragDrop.DoDragDrop(draggingItem, draggingItem.DataContext, DragDropEffects.Move); } } } ``` 接下来,我们需要处理目标TreeView的拖放事件。在目标TreeView的代码中,添加以下代码: ``` <TreeView Drop="TreeView_Drop" DragEnter="TreeView_DragEnter" DragOver="TreeView_DragOver" ...> ``` 在代码文件中,添加以下事件处理程序代码: ```C# private void TreeView_Drop(object sender, DragEventArgs e) { if (e.Data.GetDataPresent(typeof(TreeViewItem))) { TreeViewItem draggingItem = e.Data.GetData(typeof(TreeViewItem)) as TreeViewItem; TreeViewItem targetItem = FindTreeViewItem((TreeView)sender, e.GetPosition((TreeView)sender)); if (draggingItem != null && targetItem != null) { // 在此处插入源TreeView中项的移动逻辑 } } e.Handled = true; } private void TreeView_DragEnter(object sender, DragEventArgs e) { if (!e.Data.GetDataPresent(typeof(TreeViewItem))) { e.Effects = DragDropEffects.None; } e.Handled = true; } private void TreeView_DragOver(object sender, DragEventArgs e) { if (!e.Data.GetDataPresent(typeof(TreeViewItem))) { e.Effects = DragDropEffects.None; } e.Handled = true; } private TreeViewItem FindTreeViewItem(TreeView treeView, Point position) { HitTestResult hitTestResult = VisualTreeHelper.HitTest(treeView, position); DependencyObject target = hitTestResult?.VisualHit; while (target != null && !(target is TreeViewItem)) { target = VisualTreeHelper.GetParent(target); } return target as TreeViewItem; } ``` 通过以上步骤,我们就可以实现在两个TreeView之间进行拖拽操作了。 ### 回答2: 在WPF中,可以使用拖放功能将TreeView中的项拖动到另一个TreeView中。要实现这一功能,你可以按照以下步骤进行操作: 1. 开启拖放功能:在TreeView中设置AllowDrop属性为true,以允许该控件接受拖放的项。 2. 为源TreeView的项设置拖动事件处理程序:在源TreeView中注册ItemDrag事件,以便在项拖动时触发事件处理程序。在事件处理程序中,设置被拖动项的数据为拖放数据(可以是项本身或者项的数据内容)。 3. 为目标TreeView设置拖放事件处理程序:在目标TreeView中注册DragEnter、DragOver和Drop事件,以便在拖动项进入、在目标上移动和释放时触发相应事件处理程序。 4. 在目标TreeView的DragOver事件处理程序中,设置拖放效果:根据预定的拖放效果(例如移动、复制等),在DragOver事件中设置e.Effects属性。 5. 在目标TreeView的Drop事件处理程序中,处理拖放数据:获取拖放的数据,并将其应用到目标TreeView中。可以通过e.Data获取拖放数据,并根据需要进行处理。 通过这些步骤,你可以实现在一个TreeView中拖拽项到另一个TreeView中的功能。在每个事件处理程序中,你可以根据具体需求进行自定义操作,以达到预期的效果。 ### 回答3: 在 WPF 中,可以通过拖拽实现将一个 `TreeView` 中的项拖拽到另一个 `TreeView` 中。 首先,需要在源 `TreeView` 上设置 `AllowDrop` 为 `True`,并定义 `PreviewMouseLeftButtonDown`、`PreviewMouseMove` 和 `Drop` 事件的处理程序。 在 `PreviewMouseLeftButtonDown` 中,我们需要确定被拖拽项的源,并将其保存在 `MouseDownItem` 变量中。在 `PreviewMouseMove` 中,我们需要检查是否按下了鼠标左键,并且移动距离超过了一定的阈值(例如10像素)来开始拖拽操作。在 `Drop` 中,我们可以获取拖拽过程中的目标项,并将源项添加到目标项的子项中。 下面是一个示例的代码: ```csharp private TreeViewItem MouseDownItem; private void TreeView_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e) { MouseDownItem = VisualUpwardSearch<TreeViewItem>(e.OriginalSource as DependencyObject) as TreeViewItem; } private void TreeView_PreviewMouseMove(object sender, MouseEventArgs e) { if (e.LeftButton == MouseButtonState.Pressed && MouseDownItem != null) { Point currentPosition = e.GetPosition(sender as IInputElement); if ((Math.Abs(currentPosition.X - MouseDownPosition.X) > 10) || (Math.Abs(currentPosition.Y - MouseDownPosition.Y) > 10)) { DragDrop.DoDragDrop(MouseDownItem, MouseDownItem, DragDropEffects.Move); } } } private void TreeView_Drop(object sender, DragEventArgs e) { TreeViewItem targetItem = VisualUpwardSearch<TreeViewItem>(e.OriginalSource as DependencyObject) as TreeViewItem; TreeViewItem draggedItem = e.Data.GetData(typeof(TreeViewItem)) as TreeViewItem; if (targetItem != null && draggedItem != null && !draggedItem.Equals(targetItem)) { (targetItem.ItemsSource as ObservableCollection<string>).Add(draggedItem.Header.ToString()); (draggedItem.Parent as ItemsControl).ItemsSource.Remove(draggedItem); } } private static DependencyObject VisualUpwardSearch<T>(DependencyObject source) { while (source != null && source.GetType() != typeof(T)) source = VisualTreeHelper.GetParent(source); return source; } ``` 以上代码中,我们首先找到被点击的项并保存在 `MouseDownItem` 变量中。然后,在鼠标移动事件中判断是否开始拖拽,如果是则使用 `DragDrop.DoDragDrop` 方法进行拖拽,将拖拽项作为数据传递。最后,在放置事件中获取目标项和拖拽项,并将拖拽项添加到目标项的子项中,并从原来的位置上移除。 请注意,以上只是一个简单的示例,实际中可能需要根据具体业务需求进行适当的修改和扩展。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值