How can I create a "family tree" as a user interface?

Question

I want to create a dynamic interactive tree structure as shown in the image?

All that I found can be done using fragments , can someone show me how to implement only the top two nodes with their links using fragments?

Rest, I will try to do it myself, and then download the answer.

Answer 1

Perform a horizontal linear deflection for each row and place each row in a vertical linear excerpt. Create one view as the basis for each image and text that is included and just use the “include” to use this basic view for each image / text. If you use an identifier for each included view, you can grab each identifier and configure them separately in Java, if necessary.