From 844908bdc68265152d5c77d1bc85d277bbeb3a57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=8A=B2=E9=B9=8F?= <jingpeng.wang@outlook.com>
Date: Wed, 21 Jul 2021 18:42:34 +0800
Subject: [PATCH] Android: impl show node tree view

---
 .../devkit/ui/DoricShowNodeTreeActivity.java  |  13 ++++++++
 .../treeview/DoricViewNodeLayoutItemType.java |   2 +-
 .../treeview/DoricViewNodeTreeViewBinder.java |  31 ++++++++++++++++++
 .../devkit/ui/treeview/TreeViewAdapter.java   |   4 ++-
 .../drawable-xhdpi/icon_doric_dev_info.png    | Bin 0 -> 6814 bytes
 .../res/layout/layout_show_node_tree_cell.xml |  18 ++++++++--
 .../main/java/pub/doric/shader/SuperNode.java |  16 ++++++++-
 7 files changed, 79 insertions(+), 5 deletions(-)
 create mode 100644 doric-android/devkit/src/main/res/drawable-xhdpi/icon_doric_dev_info.png

diff --git a/doric-android/devkit/src/main/java/pub/doric/devkit/ui/DoricShowNodeTreeActivity.java b/doric-android/devkit/src/main/java/pub/doric/devkit/ui/DoricShowNodeTreeActivity.java
index 83782595..dc25d2a4 100644
--- a/doric-android/devkit/src/main/java/pub/doric/devkit/ui/DoricShowNodeTreeActivity.java
+++ b/doric-android/devkit/src/main/java/pub/doric/devkit/ui/DoricShowNodeTreeActivity.java
@@ -25,6 +25,7 @@ import java.util.Collections;
 import java.util.LinkedList;
 import java.util.List;
 import java.util.Queue;
+import java.util.Set;
 
 import pub.doric.devkit.R;
 import pub.doric.devkit.ui.treeview.DoricViewNodeLayoutItemType;
@@ -32,6 +33,7 @@ import pub.doric.devkit.ui.treeview.DoricViewNodeTreeViewBinder;
 import pub.doric.devkit.ui.treeview.TreeNode;
 import pub.doric.devkit.ui.treeview.TreeViewAdapter;
 import pub.doric.shader.GroupNode;
+import pub.doric.shader.SuperNode;
 import pub.doric.shader.ViewNode;
 
 public class DoricShowNodeTreeActivity extends DoricDevBaseActivity {
@@ -71,6 +73,17 @@ public class DoricShowNodeTreeActivity extends DoricDevBaseActivity {
                     viewQueue.offer((ViewNode) groupNode.getChildNodes().get(i));
                     treeQueue.offer(temp);
                 }
+            } else if (viewNode instanceof SuperNode) {
+                SuperNode superNode = (SuperNode) viewNode;
+                Set<String> viewIds = superNode.getSubNodeViewIds();
+                for (String viewId : viewIds) {
+                    assert treeNode != null;
+                    TreeNode<DoricViewNodeLayoutItemType> temp = new TreeNode(new DoricViewNodeLayoutItemType(superNode.getSubNodeById(viewId)));
+                    treeNode.addChild(temp);
+
+                    viewQueue.offer(superNode.getSubNodeById(viewId));
+                    treeQueue.offer(temp);
+                }
             }
         }
 
diff --git a/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/DoricViewNodeLayoutItemType.java b/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/DoricViewNodeLayoutItemType.java
index ed832ffc..48c87fc2 100644
--- a/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/DoricViewNodeLayoutItemType.java
+++ b/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/DoricViewNodeLayoutItemType.java
@@ -4,7 +4,7 @@ import pub.doric.devkit.R;
 import pub.doric.shader.ViewNode;
 
 public class DoricViewNodeLayoutItemType implements LayoutItemType {
-    private final ViewNode viewNode;
+    public final ViewNode viewNode;
 
     public DoricViewNodeLayoutItemType(ViewNode viewNode) {
         this.viewNode = viewNode;
diff --git a/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/DoricViewNodeTreeViewBinder.java b/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/DoricViewNodeTreeViewBinder.java
index 8ae12939..40798876 100644
--- a/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/DoricViewNodeTreeViewBinder.java
+++ b/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/DoricViewNodeTreeViewBinder.java
@@ -1,8 +1,15 @@
 package pub.doric.devkit.ui.treeview;
 
 import android.view.View;
+import android.widget.TextView;
+
+import java.util.Set;
 
 import pub.doric.devkit.R;
+import pub.doric.shader.GroupNode;
+import pub.doric.shader.RootNode;
+import pub.doric.shader.SuperNode;
+import pub.doric.shader.ViewNode;
 
 public class DoricViewNodeTreeViewBinder extends TreeViewBinder<DoricViewNodeTreeViewBinder.ViewHolder> {
 
@@ -14,6 +21,26 @@ public class DoricViewNodeTreeViewBinder extends TreeViewBinder<DoricViewNodeTre
     @Override
     public void bindView(ViewHolder holder, int position, TreeNode node) {
         DoricViewNodeLayoutItemType layoutItemType = (DoricViewNodeLayoutItemType) node.getContent();
+
+        ViewNode viewNode = layoutItemType.viewNode;
+        String type = viewNode.getType();
+        if (viewNode instanceof RootNode) {
+            type = "Root";
+        }
+        String viewId = " <" + viewNode.getId() + "> ";
+
+        String value = type + viewId;
+        if (viewNode instanceof GroupNode) {
+            GroupNode groupNode = (GroupNode) viewNode;
+            String childDesc = "(" + groupNode.getChildNodes().size() + " Child)";
+            value = value + childDesc;
+        } else if (viewNode instanceof SuperNode) {
+            SuperNode superNode = (SuperNode) viewNode;
+            Set<String> viewIds = superNode.getSubNodeViewIds();
+            String childDesc = "(" + viewIds.size() + " Child)";
+            value = value + childDesc;
+        }
+        holder.nodeName.setText(value);
     }
 
     @Override
@@ -23,8 +50,12 @@ public class DoricViewNodeTreeViewBinder extends TreeViewBinder<DoricViewNodeTre
 
     public static class ViewHolder extends TreeViewBinder.ViewHolder {
 
+        public TextView nodeName;
+
         public ViewHolder(View rootView) {
             super(rootView);
+
+            this.nodeName = rootView.findViewById(R.id.node_type_tv);
         }
     }
 }
diff --git a/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/TreeViewAdapter.java b/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/TreeViewAdapter.java
index e7438ab4..ed485c03 100644
--- a/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/TreeViewAdapter.java
+++ b/doric-android/devkit/src/main/java/pub/doric/devkit/ui/treeview/TreeViewAdapter.java
@@ -15,11 +15,13 @@ import java.util.ArrayList;
 import java.util.Iterator;
 import java.util.List;
 
+import pub.doric.utils.DoricUtils;
+
 public class TreeViewAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
     private static final String KEY_IS_EXPAND = "IS_EXPAND";
     private final List<? extends TreeViewBinder> viewBinders;
     private List<TreeNode> displayNodes;
-    private int padding = 30;
+    private int padding = DoricUtils.dp2px(15);
     private OnTreeNodeListener onTreeNodeListener;
     private boolean toCollapseChild;
 
diff --git a/doric-android/devkit/src/main/res/drawable-xhdpi/icon_doric_dev_info.png b/doric-android/devkit/src/main/res/drawable-xhdpi/icon_doric_dev_info.png
new file mode 100644
index 0000000000000000000000000000000000000000..a204858437b314e9f744aa0e2e62690bb66300f7
GIT binary patch
literal 6814
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

literal 0
HcmV?d00001

diff --git a/doric-android/devkit/src/main/res/layout/layout_show_node_tree_cell.xml b/doric-android/devkit/src/main/res/layout/layout_show_node_tree_cell.xml
index 4aadd3cc..42fb1ffc 100644
--- a/doric-android/devkit/src/main/res/layout/layout_show_node_tree_cell.xml
+++ b/doric-android/devkit/src/main/res/layout/layout_show_node_tree_cell.xml
@@ -1,10 +1,24 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
-    android:layout_height="50dp">
+    android:layout_height="50dp"
+    android:orientation="horizontal">
+
+    <ImageView
+        android:layout_width="20dp"
+        android:layout_height="20dp"
+        android:layout_gravity="center_vertical"
+        android:layout_marginStart="5dp"
+        android:layout_marginLeft="5dp"
+        android:src="@drawable/icon_doric_dev_info" />
 
     <TextView
         android:id="@+id/node_type_tv"
         android:layout_width="wrap_content"
-        android:layout_height="wrap_content" />
+        android:layout_height="wrap_content"
+        android:layout_gravity="center_vertical"
+        android:layout_marginStart="5dp"
+        android:layout_marginLeft="5dp"
+        tools:text="Node Name" />
 </LinearLayout>
\ No newline at end of file
diff --git a/doric-android/doric/src/main/java/pub/doric/shader/SuperNode.java b/doric-android/doric/src/main/java/pub/doric/shader/SuperNode.java
index 0a12356a..e1cca45b 100644
--- a/doric-android/doric/src/main/java/pub/doric/shader/SuperNode.java
+++ b/doric-android/doric/src/main/java/pub/doric/shader/SuperNode.java
@@ -23,10 +23,11 @@ import com.github.pengfeizhou.jscore.JSObject;
 import com.github.pengfeizhou.jscore.JSValue;
 
 import java.util.HashMap;
+import java.util.Iterator;
 import java.util.Map;
+import java.util.Set;
 
 import pub.doric.DoricContext;
-import pub.doric.utils.DoricUtils;
 
 /**
  * @Description: pub.doric.shader
@@ -136,4 +137,17 @@ public abstract class SuperNode<V extends View> extends ViewNode<V> {
             targetProps.asObject().setProperty(key, jsValue);
         }
     }
+
+    public Set<String> getSubNodeViewIds() {
+        Set<String> allKeys = subNodes.keySet();
+        Iterator<String> iterator = allKeys.iterator();
+        while (iterator.hasNext()) {
+            String element = iterator.next();
+            if (getSubNodeById(element) == null) {
+                iterator.remove();
+            }
+        }
+
+        return allKeys;
+    }
 }