Preface: Why to write this article, the reason is that this is originally a forced implementation of the function. In any case I mentioned, there are star quantities on and off. Originally, a year ago, the company did a project on face recognition, and it had a feature, six degrees. And your personal 2-degree relationship may be related to your other relationships. Think of it as a spider web diagram. But there was no way. The product manager said masturbate, and so he did. Can be said to be forced implementation (there is no reuse of any item, the number of assembly and even collapse, but recently saw a honeycomb coal recycleView is really can be achieved).

With this article, the blogger is also testing the waters. If the effect is really popular, I want it to be perfect.

Then when the demand to see it, or you have a better idea, show me, the primary school students of the technology sector yearn for learning. If you don’t have any ideas, maybe this will open your mind:

Project requirements:

  • The project connects connected people with starry sky maps. This includes a six-degree relationship, and the heads cannot be repeated
  • Click on any person’s avatar to show the current relationship of the “clicked person” and highlight the evidence between them. Click other locations to restore, continue to click this avatar into the personal center
  • Highlight “evidence” of people before and clickable
  • Show “different sizes” on the sky map depending on how small the person is.
  • The finger can zoom in and out of the sky map, and the sliding area changes as the relationship is displayed
  • Judge the zoom in and zoom out, and give priority to those with more connections and larger heads
  • Slide the sky map up, down, left, and right, only in the area where the map diffuses

Implementation effect

1. Simply show the 6-degree relationship

2. Zoom in with both fingers to show your head. Click highlight to show the relationship of the clicked person

3. Slide to show relationships and click events

Because it is forced implementation, look at the actual combat effect (very ugly -)

Making the address