add at friends func

lib/main.dart

@@ -1,7 +1,6 @@
-import 'dart:ffi';
-
 import 'package:douyin_demo/pages/RecommendPage/BottomSheet.dart';
 import 'package:douyin_demo/providers/RecommendProvider.dart';
+import 'package:douyin_demo/widgets/FavAnimation.dart' as prefix0;
 import 'package:flutter/material.dart';
 // import 'package:marquee/marquee.dart';
 import 'package:marquee_flutter/marquee_flutter.dart';
@@ -28,7 +27,7 @@ class MyApp extends StatelessWidget {
             )
           ],
           child: Scaffold(
-            resizeToAvoidBottomInset:false,
+            resizeToAvoidBottomInset: false,
             body: Container(
               decoration: BoxDecoration(color: Colors.black),
               child: Stack(children: [
@@ -50,7 +49,7 @@ class BottomSafeBar extends StatelessWidget {
     RecommendProvider provider = Provider.of<RecommendProvider>(context);
     // double toBottom=MediaQuery.of(context).viewInsets.bottom;
     return Container(
-      padding: EdgeInsets.only(bottom: 0),
+      // padding: EdgeInsets.only(top:toBottom),
       decoration: BoxDecoration(color: Colors.black),
       child: SafeArea(
           child: BottomAppBar(
@@ -70,9 +69,12 @@ class CenterImage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    double bottom = MediaQuery.of(context).viewInsets.bottom;
     RecommendProvider provider = Provider.of<RecommendProvider>(context);
     return Center(
-      child: Image.asset(provider.mainInfo.videoPath),
+      child: Container(
+          // padding: EdgeInsets.only(top: bottom),
+          child: Image.asset(provider.mainInfo.videoPath)),
     );
   }
 }
@@ -128,10 +130,10 @@ class Home extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    print("rebuild");
     double screenWidth = MediaQuery.of(context).size.width;
     double screenHeight = MediaQuery.of(context).size.height;
     RecommendProvider provider = Provider.of<RecommendProvider>(context);
+
     double rpx = screenWidth / 750;
     return Stack(children: [
       Positioned(
@@ -160,7 +162,7 @@ class Home extends StatelessWidget {
         top: 0.45 * screenHeight,
         child: Container(
           // decoration: BoxDecoration(color: Colors.orangeAccent),
-          child: getButtonList(rpx, provider, context),
+          child: ButtonList(),
         ),
       ),
       Positioned(
@@ -415,128 +417,196 @@ class _RotateAlbumState extends State<RotateAlbum>
   }
 }
 
-getButtonList(double rpx, RecommendProvider provider, BuildContext context) {
-  double iconSize = 70 * rpx;
-  return Column(
-    mainAxisAlignment: MainAxisAlignment.spaceAround,
-    crossAxisAlignment: CrossAxisAlignment.center,
-    children: <Widget>[
-      Container(
-          width: 90 * rpx,
-          height: 105 * rpx,
-          child: Stack(
-            children: <Widget>[
-              Container(
-                  width: 90 * rpx,
-                  height: 90 * rpx,
-                  child: CircleAvatar(
-                    backgroundImage:
-                        NetworkImage("${provider.mainInfo.avatarUrl}"),
-                  )),
-              Positioned(
-                bottom: 0,
-                left: 25 * rpx,
-                child: Container(
-                  width: 40 * rpx,
-                  height: 40 * rpx,
-                  decoration: BoxDecoration(
-                      color: Colors.redAccent,
-                      borderRadius: BorderRadius.circular(25)),
-                  child: Icon(
-                    Icons.add,
-                    size: 20,
-                    color: Colors.white,
+class ButtonList extends StatefulWidget {
+  ButtonList({Key key}) : super(key: key);
+
+  _ButtonListState createState() => _ButtonListState();
+}
+
+class _ButtonListState extends State<ButtonList> {
+  @override
+  Widget build(BuildContext context) {
+    double rpx = MediaQuery.of(context).size.width / 750;
+    RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    List<IconAnimationStage> stages1 = List<IconAnimationStage>();
+    stages1.add(IconAnimationStage(
+        color: Colors.grey[100],
+        start: 1.0,
+        end: 0.0,
+        duration: Duration(milliseconds: 200)));
+    stages1.add(IconAnimationStage(
+        color: Colors.redAccent,
+        start: 0.0,
+        end: 1.3,
+        duration: Duration(milliseconds: 300)));
+    stages1.add(IconAnimationStage(
+        color: Colors.redAccent,
+        start: 1.3,
+        end: 1.0,
+        duration: Duration(milliseconds: 100)));
+
+    List<IconAnimationStage> stages2 = List<IconAnimationStage>();
+    stages2.add(IconAnimationStage(
+        color: Colors.grey[100],
+        start: 1.0,
+        end: 1.2,
+        duration: Duration(milliseconds: 200)));
+    stages2.add(IconAnimationStage(
+        color: Colors.grey[100],
+        start: 1.2,
+        end: 1.0,
+        duration: Duration(milliseconds: 200)));
+
+    List<IconAnimationStage> stages3 = List<IconAnimationStage>();
+    stages3.add(IconAnimationStage(
+        color: Colors.redAccent,
+        start: 1.0,
+        end: 1.2,
+        duration: Duration(milliseconds: 200)));
+    stages3.add(IconAnimationStage(
+        color: Colors.grey[100],
+        start: 1.2,
+        end: 1.0,
+        duration: Duration(milliseconds: 200)));
+    double iconSize = 70 * rpx;
+    return Container(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.spaceAround,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: <Widget>[
+          Container(
+              width: 90 * rpx,
+              height: 105 * rpx,
+              child: Stack(
+                children: <Widget>[
+                  Container(
+                      width: 90 * rpx,
+                      height: 90 * rpx,
+                      child: CircleAvatar(
+                        backgroundImage:
+                            NetworkImage("${provider.mainInfo.avatarUrl}"),
+                      )),
+                  Positioned(
+                    bottom: 0,
+                    left: 25 * rpx,
+                    child: Container(
+                      width: 40 * rpx,
+                      height: 40 * rpx,
+                      decoration: BoxDecoration(
+                          color: Colors.redAccent,
+                          borderRadius: BorderRadius.circular(25)),
+                      child: Icon(
+                        Icons.add,
+                        size: 20,
+                        color: Colors.white,
+                      ),
+                    ),
+                  )
+                ],
+              )),
+          IconText(
+            text: "${provider.mainInfo.favCount}",
+            icon: !provider.mainInfo.ifFaved
+                ? AnimatedIconWidget(
+                    key: UniqueKey(),
+                    animationList: stages1,
+                    icon: Icons.favorite,
+                    size: iconSize,
+                    provider: provider,
+                    callback: () {
+                      provider.tapFav();
+                    })
+                : AnimatedIconWidget(
+                    key: UniqueKey(),
+                    animationList: stages3,
+                    icon: Icons.favorite,
+                    size: iconSize,
+                    provider: provider,
+                    callback: () {
+                      provider.tapFav();
+                    },
                   ),
-                ),
-              )
-            ],
-          )),
-      IconText(
-        text: "${provider.mainInfo.favCount}",
-        icon: IconButton(
-          padding: EdgeInsets.all(0),
-            onPressed: () {
-              provider.tapFav();
-            },
-            icon: provider.mainInfo.ifFaved? AnimateFav(
-              size: iconSize,
-            ):AnimatedUnFav(size: iconSize,)
           ),
-      ),
-      IconText(
-        text: "${provider.mainInfo.replyCount}",
-        icon: IconButton(
-          padding: EdgeInsets.all(0),
-            onPressed: () {
-              showBottom(context);
-            },
-            icon: Icon(
-              Icons.feedback,
+          IconText(
+            text: "${provider.mainInfo.replyCount}",
+            icon: AnimatedIconWidget(
+              animationList: stages2,
+              icon: Icons.comment,
               size: iconSize,
-              color: Colors.white,
-            )),
-      ),
-      IconText(
-        text: "${provider.mainInfo.shareCount}",
-        icon: IconButton(
-          padding: EdgeInsets.all(0),
-            onPressed: () {},
-            icon: Icon(
-              Icons.reply,
+              callbackDelay: Duration(milliseconds: 200),
+              callback: () {
+                showBottom(context, provider);
+              },
+            ),
+          ),
+          IconText(
+            text: "${provider.mainInfo.shareCount}",
+            icon: AnimatedIconWidget(
+              animationList: stages2,
+              icon: Icons.reply,
               size: iconSize,
-              color: Colors.white,
-            )),
+            ),
+          ),
+        ],
       ),
-    ],
-  );
+    );
+  }
 }
 
+// class ButtonList extends StatelessWidget {
+//   const ButtonList({Key key}) : super(key: key);
+
+//   @override
+
+// }
+
+// getButtonList(double rpx, RecommendProvider provider, BuildContext context) {
+
+//   return
+// }
+
 class IconText extends StatelessWidget {
   const IconText({Key key, this.icon, this.text}) : super(key: key);
-  final IconButton icon;
+  final AnimatedIconWidget icon;
   final String text;
   @override
   Widget build(BuildContext context) {
-    double rpx=MediaQuery.of(context).size.width/750;
+    double rpx = MediaQuery.of(context).size.width / 750;
     return Container(
       child: Column(
         mainAxisSize: MainAxisSize.min,
-        mainAxisAlignment: MainAxisAlignment.center,  
+        mainAxisAlignment: MainAxisAlignment.center,
         crossAxisAlignment: CrossAxisAlignment.center,
         children: <Widget>[
           icon,
           Container(
               // alignment: Alignment.center,
               child: Text(
-                text,
-                style: TextStyle(color: Colors.white, fontSize: 25*rpx),
-              )),
+            text,
+            style: TextStyle(color: Colors.white, fontSize: 25 * rpx),
+          )),
         ],
       ),
     );
   }
 }
 
-showBottom(context) {
-  RecommendProvider provider = Provider.of<RecommendProvider>(context);
-  // ScrollController controller=ScrollController();
+showBottom(context, provider) {
+  // RecommendProvider provider = Provider.of<RecommendProvider>(context);
+  double height = MediaQuery.of(context).size.height;
+  provider.setScreenHeight(height);
   provider.hideBottomBar();
   showModalBottomSheet(
       shape: RoundedRectangleBorder(
           borderRadius: BorderRadiusDirectional.circular(10)),
       context: context,
       builder: (_) {
-        return MultiProvider(
-          providers: [
-            ChangeNotifierProvider(
-              builder: (context) => RecommendProvider(),
-            )
-          ],
-          child: Container(height: 600, child: GestureDetector(
-            onTap: (){FocusScope.of(context).requestFocus(FocusNode());},
-            child: ReplyFullList()
-          )),
-        );
+        return Container(
+            height: 600,
+            child: GestureDetector(
+                onTap: () {
+                  FocusScope.of(context).requestFocus(FocusNode());
+                },
+                child: ReplyFullList(pCtx:context)));
       });
 }
-

lib/pages/RecommendPage/BottomSheet.dart

@@ -1,14 +1,16 @@
+import 'package:douyin_demo/pages/RecommendPage/FriendList.dart';
+import 'package:douyin_demo/providers/AtUserProvider.dart';
 import 'package:douyin_demo/providers/RecommendProvider.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
 class ReplyFullList extends StatelessWidget {
-  const ReplyFullList({Key key}) : super(key: key);
-
+  const ReplyFullList({Key key,this.pCtx}) : super(key: key);
+  final BuildContext pCtx;
   @override
   Widget build(BuildContext context) {
     double rpx = MediaQuery.of(context).size.width / 750;
-    RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    RecommendProvider provider = Provider.of<RecommendProvider>(pCtx);
     Reply reply = provider.reply;
     List<Reply> replies = List<Reply>();
 
@@ -43,7 +45,7 @@ class ReplyFullList extends StatelessWidget {
           )
         ),
         bottomNavigationBar: SafeArea(
-          child: BottomReplyBar(),
+          child: BottomReplyBar(pCtx: pCtx,),
         ),
         body: SingleChildScrollView(
             controller: controller,
@@ -208,8 +210,8 @@ genAfterReplyList(List<Reply> replies, ScrollController controller) {
 }
 
 class BottomReplyBar extends StatelessWidget {
-  const BottomReplyBar({Key key}) : super(key: key);
-
+  const BottomReplyBar({Key key,this.pCtx}) : super(key: key);
+  final BuildContext pCtx;
   @override
   Widget build(BuildContext context) {
     TextEditingController _controller=TextEditingController();
@@ -226,10 +228,22 @@ class BottomReplyBar extends StatelessWidget {
             child: TextField(controller: _controller,decoration: InputDecoration(hintText: "留下你的精彩评论",border: InputBorder.none),),
           )
         ),
-        IconButton(icon: Icon(Icons.email,color: Colors.grey[500],size: 50*rpx,),onPressed: (){},),
+        IconButton(icon: Icon(Icons.email,color: Colors.grey[500],size: 50*rpx,),onPressed: (){showAtFriendPage(pCtx);},),
         IconButton(icon: Icon(Icons.face,color: Colors.grey[500],size: 50*rpx),onPressed: (){},),
         SizedBox(width: 20*rpx,)
       ],),
     );
   }
 }
+
+showAtFriendPage(BuildContext context){
+  Navigator.of(context).push(new MaterialPageRoute(
+      builder: (BuildContext context) {
+        return  MultiProvider(
+          providers: [ChangeNotifierProvider(builder:(context)=>AtUserProvider())],
+          child: AtFriendPage()
+        );
+      },
+    fullscreenDialog: true
+  ));
+}

lib/pages/RecommendPage/FriendList.dart

@@ -0,0 +1,173 @@
+import 'package:douyin_demo/providers/AtUserProvider.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:sticky_headers/sticky_headers.dart';
+
+class AtFriendPage extends StatelessWidget {
+  const AtFriendPage({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    ScrollController controller = ScrollController();
+    double rpx = MediaQuery.of(context).size.width / 750;
+    AtUserProvider provider = Provider.of<AtUserProvider>(context);
+    // AtUserProvider provider = Provider.of<AtUserProvider>(context);
+
+    List<String> groupList = provider.groupList;
+    return provider != null
+        ? Scaffold(
+          backgroundColor: Color(0xff121319),
+            appBar: AppBar(
+                backgroundColor: Color(0xff121319),
+                leading: Container(
+                    width: 80 * rpx,
+                    child: IconButton(
+                      icon: Icon(Icons.close),
+                      onPressed: () {
+                        Navigator.pop(context);
+                      },
+                    )),
+                title: Text("@好友"),
+                bottom: PreferredSize(
+                  preferredSize: Size.fromHeight(80 * rpx),
+                  child: Container(
+                    margin: EdgeInsets.symmetric(horizontal: 20 * rpx),
+                    decoration: BoxDecoration(color: Colors.grey[700]),
+                    padding: EdgeInsets.symmetric(horizontal: 20 * rpx),
+                    child: TextField(
+                      decoration: InputDecoration(
+                          icon: Icon(
+                            Icons.search,
+                            color: Colors.grey[500],
+                          ),
+                          hintText: "搜索用户备注或名字",
+                          hintStyle: TextStyle(
+                            color: Colors.grey[500],
+                          )),
+                    ),
+                  ),
+                )),
+            body: ListView.builder(
+                  shrinkWrap: true,
+                  controller: controller,
+                  itemCount: groupList.length,
+                  itemBuilder: (BuildContext context, int index) {
+                    return StickyHeader(
+                      header: Container(
+                        width: MediaQuery.of(context).size.width,
+                        padding:EdgeInsets.only(left: 20*rpx) ,
+                        height: 50,
+                        decoration: BoxDecoration(color: Color(0xff121319)),
+                        alignment: Alignment.centerLeft,
+                        child: Text(
+                          groupList[index].toString(),
+                          style: TextStyle(color: Colors.white, fontSize: 35*rpx),
+                        ),
+                      ),
+                      content: genContentList(
+                          provider.result[provider.groupList[index]],
+                          context,
+                          controller),
+                    );
+                  },
+                ),
+          )
+        : Scaffold();
+  }
+}
+
+genUserList(context, controller) {
+  AtUserProvider provider = Provider.of<AtUserProvider>(context);
+
+  List<String> groupList = provider.groupList;
+  return ListView.builder(
+    shrinkWrap: true,
+    controller: controller,
+    itemCount: groupList.length,
+    itemBuilder: (BuildContext context, int index) {
+      return StickyHeader(
+        header: Container(
+          width: MediaQuery.of(context).size.width,
+          height: 50,
+          decoration: BoxDecoration(color: Colors.black),
+          child: Text(
+            groupList[index].toString(),
+            style: TextStyle(color: Colors.white, fontSize: 20),
+          ),
+        ),
+        content: genContentList(
+            provider.result[provider.groupList[index]], context, controller),
+      );
+    },
+  );
+}
+
+genContentList(
+    List<dynamic> friends, BuildContext context, ScrollController controller) {
+  double rpx = MediaQuery.of(context).size.width / 750;
+  return ListView.builder(
+    shrinkWrap: true,
+    controller: controller,
+    itemCount: friends.length,
+    itemBuilder: (BuildContext context, int index) {
+      return Container(
+          decoration: BoxDecoration(color: Color(0xff121319)),
+          height: 130 * rpx,
+          child: Row(
+            children: <Widget>[
+              Container(
+                padding: EdgeInsets.all(15 * rpx),
+                width: 100 * rpx,
+                height: 100 * rpx,
+                child: CircleAvatar(
+                  backgroundImage: NetworkImage(friends[index]["avatarUrl"]),
+                ),
+              ),
+              Container(
+                width: 450 * rpx,
+                child: friends[index]["desc"].toString().length > 0
+                    ? Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        mainAxisAlignment: MainAxisAlignment.center,
+                        children: <Widget>[
+                          Container(
+                            child: Text(
+                              friends[index]["userName"],
+                              style: TextStyle(
+                                  fontSize: 32 * rpx, color: Colors.white),
+                              maxLines: 1,
+                              overflow: TextOverflow.ellipsis,
+                            ),
+                          ),
+                          Container(
+                            child: Text(
+                              friends[index]["desc"],
+                              style: TextStyle(color: Colors.grey[500]),
+                              maxLines: 1,
+                              overflow: TextOverflow.ellipsis,
+                            ),
+                          ),
+                        ],
+                      )
+                    : Container(
+                        child: Text(
+                          friends[index]["userName"],
+                          style: TextStyle(
+                              fontSize: 32 * rpx, color: Colors.white),
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                      ),
+              ),
+              Container(
+                width: 200 * rpx,
+                child: Icon(
+                  Icons.search,
+                  color: Colors.grey[500],
+                ),
+              )
+            ],
+          ));
+    },
+  );
+}

lib/providers/AtUserProvider.dart

@@ -0,0 +1,1041 @@
+import 'package:flutter/material.dart';
+import 'package:lpinyin/lpinyin.dart';
+import 'package:collection/collection.dart';
+
+class AtUserProvider with ChangeNotifier {
+  int curTop = 0;
+  // double appHeight=80;
+
+  double appBtmHeight=40;
+  bool ifStick=true;
+
+  AppBar appBar = AppBar();
+  double appHeight;
+
+  List<Key> keys=List<Key>();
+  ScrollController controller=ScrollController();
+  
+  List<Contact> contacts = List<Contact>();
+  List<Map<String, dynamic>> dataMap=List<Map<String, dynamic>>();
+  Map<dynamic,List<dynamic>> result;
+  List<String> groupList=List<String>();
+  AtUserProvider() {
+     appHeight= appBar.preferredSize.height;
+    // data.sort((a,b)=>a["name"].toString().compareTo(b["name"].toString()));
+    for (var item in data) {
+      contacts.add(Contact(
+          avatarUrl: item["avatar_url"].toString(),
+          userName: item["name"].toString(),
+          desc: item["headline"].toString()));
+      String startText = item["name"].toString();
+      if (startText == "") {
+        startText = " ";
+      } else {
+        startText = startText[0];
+      }
+      if (RegExp("^[\u4e00-\u9fa5]").firstMatch(startText) != null) {
+        contacts.last.groupCode = PinyinHelper.getShortPinyin(startText)[0].toLowerCase();
+      } else if (RegExp("^[a-zA-Z]").firstMatch(startText) != null) {
+        contacts.last.groupCode = startText.toLowerCase();
+      } else {
+        contacts.last.groupCode = "#";
+      }
+      groupList.add(contacts.last.groupCode);
+      dataMap.add(Contact.toMap(contacts.last));
+    } 
+    groupList=groupList.toSet().toList();
+    groupList.sort((a,b)=>a.toString().compareTo(b.toString()));
+    dataMap.sort((a,b)=>a["groupCode"].toString().compareTo(b["groupCode"].toString()));
+    result= groupBy(dataMap,(o)=>o["groupCode"]);
+    // print(result);
+    print('done');
+  }
+
+
+  // setAppHeight(height){
+  //   appHeight=height;
+  //   // notifyListeners();
+  // }
+
+  setIfStick(stick){
+    ifStick=stick;
+    notifyListeners();
+  }
+}
+
+class ContactResult{
+  String key;
+  List<dynamic> value;
+}
+
+
+class Contact {
+  String avatarUrl;
+  String userName;
+  String desc;
+  String groupCode;
+  static Map<String, dynamic> toMap(Contact item) {
+    return {
+      "avatarUrl": item.avatarUrl,
+      "userName": item.userName,
+      "desc": item.desc,
+      "groupCode": item.groupCode
+    };
+  }
+
+  Contact({this.avatarUrl, this.desc, this.userName});
+}
+
+List data = [
+  {
+    "id": "2149cbd6f1fbd070ff9045e648764ab6",
+    "url_token": "ji-yi-85-34",
+    "name": "记忆",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic1.zhimg.com/v2-0aa271fdadb3130a549af500c4d4569a_is.jpg",
+    "avatar_url_template":
+        "https://pic1.zhimg.com/v2-0aa271fdadb3130a549af500c4d4569a_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/ji-yi-85-34",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "04d44e85c074c4b22775375886576303",
+    "url_token": "leyls-50",
+    "name": "Leyls",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic2.zhimg.com/v2-d2f3715564b0b40a8dafbfdec3803f97_is.jpg",
+    "avatar_url_template":
+        "https://pic2.zhimg.com/v2-d2f3715564b0b40a8dafbfdec3803f97_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/leyls-50",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "8fbf538ae273714fc51df3e845edb22b",
+    "url_token": "yong-hu-6198445175",
+    "name": "用户6198445175",
+    "use_default_avatar": true,
+    "avatar_url": "https://pic4.zhimg.com/da8e974dc_is.jpg",
+    "avatar_url_template": "https://pic4.zhimg.com/da8e974dc_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/yong-hu-6198445175",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "a91ae701e3a5907caa2e9b391aa2ffed",
+    "url_token": "maybe-15-63",
+    "name": "Maybe",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic4.zhimg.com/v2-0edac6fcc7bf69f6da105fe63268b84c_is.jpg",
+    "avatar_url_template":
+        "https://pic4.zhimg.com/v2-0edac6fcc7bf69f6da105fe63268b84c_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/maybe-15-63",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "ea9806c42cc0b02f5f2bd059777724fd",
+    "url_token": "du-ji-57-59-74",
+    "name": "嘟唧",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic2.zhimg.com/v2-bd46162e4c96d4046ec27a7cf48536cb_is.jpg",
+    "avatar_url_template":
+        "https://pic2.zhimg.com/v2-bd46162e4c96d4046ec27a7cf48536cb_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/du-ji-57-59-74",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "62f34d1e4fb40d0d5b908aa35bb95459",
+    "url_token": "she-yu-79-9",
+    "name": "舍予",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic1.zhimg.com/v2-f8c95bf6807a3773eb5679aae2892960_is.jpg",
+    "avatar_url_template":
+        "https://pic1.zhimg.com/v2-f8c95bf6807a3773eb5679aae2892960_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/she-yu-79-9",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "294db0cf83ea2625c09e098a3bcb0d5f",
+    "url_token": "govern-89-70",
+    "name": "govern",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic4.zhimg.com/v2-5f8e42cfb17988e013b9bf76153da7be_is.jpg",
+    "avatar_url_template":
+        "https://pic4.zhimg.com/v2-5f8e42cfb17988e013b9bf76153da7be_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/govern-89-70",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "7d54c9819b6cec2a47518e37be7e0dfa",
+    "url_token": "melody-48-78",
+    "name": "melody",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic4.zhimg.com/v2-8824912d536a4c3185ed0a33453b87c0_is.jpg",
+    "avatar_url_template":
+        "https://pic4.zhimg.com/v2-8824912d536a4c3185ed0a33453b87c0_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/melody-48-78",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "017090d3fbbcba60b16f2e28ff6a78c2",
+    "url_token": "na-4jia-ha-will",
+    "name": "那4家哈will",
+    "use_default_avatar": true,
+    "avatar_url": "https://pic4.zhimg.com/da8e974dc_is.jpg",
+    "avatar_url_template": "https://pic4.zhimg.com/da8e974dc_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/na-4jia-ha-will",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "8e88f077f33d1c9a368a2829293214c8",
+    "url_token": "susu-35-99",
+    "name": "susu",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic1.zhimg.com/v2-0246f15a0edea34ad0fa426cef107cca_is.jpg",
+    "avatar_url_template":
+        "https://pic1.zhimg.com/v2-0246f15a0edea34ad0fa426cef107cca_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/susu-35-99",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "bcb3809c512bc3f5ce266790a2d69eb9",
+    "url_token": "an-an-zai-zhe-li",
+    "name": "安安在这里",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic3.zhimg.com/v2-e76b43292c40d3888d55644c75cb1a9d_is.jpg",
+    "avatar_url_template":
+        "https://pic3.zhimg.com/v2-e76b43292c40d3888d55644c75cb1a9d_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/an-an-zai-zhe-li",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "2780e8e9169704de47fdaca88747cfbe",
+    "url_token": "xuan-yun-51-6",
+    "name": "轩云",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic2.zhimg.com/v2-d2070c612f4a50a2e080361bba9d228a_is.jpg",
+    "avatar_url_template":
+        "https://pic2.zhimg.com/v2-d2070c612f4a50a2e080361bba9d228a_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/xuan-yun-51-6",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "13b23e127a897838fa372bcb33a83fa1",
+    "url_token": "wei-feng-qing-yu-99",
+    "name": "微风清雨",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic4.zhimg.com/v2-f60459b992aa3df8ecf313db0451c48c_is.jpg",
+    "avatar_url_template":
+        "https://pic4.zhimg.com/v2-f60459b992aa3df8ecf313db0451c48c_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/wei-feng-qing-yu-99",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "0f8bc9f18b249c7d214582dc40a81800",
+    "url_token": "present-2-45",
+    "name": "PRESENT",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic2.zhimg.com/v2-ab4e823f1d9610dc2eff629948cdfea6_is.jpg",
+    "avatar_url_template":
+        "https://pic2.zhimg.com/v2-ab4e823f1d9610dc2eff629948cdfea6_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/present-2-45",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 1,
+    "articles_count": 0
+  },
+  {
+    "id": "dff166d133b4a3ce4967871873b95403",
+    "url_token": "yu-xi-4-89",
+    "name": "玉璽",
+    "use_default_avatar": true,
+    "avatar_url": "https://pic4.zhimg.com/da8e974dc_is.jpg",
+    "avatar_url_template": "https://pic4.zhimg.com/da8e974dc_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/yu-xi-4-89",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "6775f0f8abefef670cd748fd4bdc98fb",
+    "url_token": "a-bai-7-98",
+    "name": "阿白",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic1.zhimg.com/v2-b8977fa6273c7030bc1e3543feb8a357_is.jpg",
+    "avatar_url_template":
+        "https://pic1.zhimg.com/v2-b8977fa6273c7030bc1e3543feb8a357_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/a-bai-7-98",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 1,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "a3e583a3cf456e911e7744b4bc5ffe1e",
+    "url_token": "wan-ju-gong-han",
+    "name": "玩具工厂",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic1.zhimg.com/v2-e68a91273a85aad4d8710cfc31e4d3fa_is.jpg",
+    "avatar_url_template":
+        "https://pic1.zhimg.com/v2-e68a91273a85aad4d8710cfc31e4d3fa_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/wan-ju-gong-han",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 1
+  },
+  {
+    "id": "df8c74471ab4a3bccabee02404850b1f",
+    "url_token": "a-jun-82-48-57",
+    "name": "阿军",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic4.zhimg.com/v2-5a90429e867a3fe4357524434580c635_is.jpg",
+    "avatar_url_template":
+        "https://pic4.zhimg.com/v2-5a90429e867a3fe4357524434580c635_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/a-jun-82-48-57",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "b8bfdb6901403ff5d7ab490c6ccddff0",
+    "url_token": "a-qiang-15-57-64",
+    "name": "阿强",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic2.zhimg.com/v2-774b0897493093bd0814aec5e4360657_is.jpg",
+    "avatar_url_template":
+        "https://pic2.zhimg.com/v2-774b0897493093bd0814aec5e4360657_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/a-qiang-15-57-64",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "607413c4a2a6d90262b9f804a8385d43",
+    "url_token": "qing-yu-42-55-23",
+    "name": "轻语",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic3.zhimg.com/v2-74c5a0171ae78c83b7af639ca3947279_is.jpg",
+    "avatar_url_template":
+        "https://pic3.zhimg.com/v2-74c5a0171ae78c83b7af639ca3947279_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/qing-yu-42-55-23",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "00950a23d0691ddfd0522bde60fac94a",
+    "url_token": "bai-ying-64-30",
+    "name": "白影",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic3.zhimg.com/v2-c2a2e8a65a8817edc0256c4b8ede334c_is.jpg",
+    "avatar_url_template":
+        "https://pic3.zhimg.com/v2-c2a2e8a65a8817edc0256c4b8ede334c_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/bai-ying-64-30",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "c4bf223e7c7826c717ec5c0c2d4aabfc",
+    "url_token": "shuang-yue-68-9",
+    "name": "霜月",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic4.zhimg.com/v2-88be115180f0bd5612b2515e7868fc36_is.jpg",
+    "avatar_url_template":
+        "https://pic4.zhimg.com/v2-88be115180f0bd5612b2515e7868fc36_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/shuang-yue-68-9",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "f476195faf1a5fdf02f59a5c27da15a1",
+    "url_token": "alisa-9-77-97",
+    "name": "Alisa",
+    "use_default_avatar": true,
+    "avatar_url": "https://pic4.zhimg.com/da8e974dc_is.jpg",
+    "avatar_url_template": "https://pic4.zhimg.com/da8e974dc_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/alisa-9-77-97",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 1,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "34bd49496536946170d4eae49f86f01f",
+    "url_token": "irishxy",
+    "name": "Irishxy",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic3.zhimg.com/v2-349882fdd51865217e50ec786d542257_is.jpg",
+    "avatar_url_template":
+        "https://pic3.zhimg.com/v2-349882fdd51865217e50ec786d542257_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/irishxy",
+    "user_type": "people",
+    "headline": "典型的巨蟹女",
+    "gender": 0,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 1,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "517ce235adf85e15d7ed73c3acde0dbb",
+    "url_token": "xiao-an-ai-huo-guo",
+    "name": "小安爱火锅",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic2.zhimg.com/v2-a66bf8e0583d29fff640d9cc0f9e7ade_is.jpg",
+    "avatar_url_template":
+        "https://pic2.zhimg.com/v2-a66bf8e0583d29fff640d9cc0f9e7ade_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/xiao-an-ai-huo-guo",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "a3c97c84d22422ffc8b88b2c15a06d0d",
+    "url_token": "hong-yi-xie",
+    "name": "弘毅",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic3.zhimg.com/68ffeee3c2f46f0ff97cfc82ddaced39_is.jpg",
+    "avatar_url_template":
+        "https://pic3.zhimg.com/68ffeee3c2f46f0ff97cfc82ddaced39_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/hong-yi-xie",
+    "user_type": "people",
+    "headline": "铜钱",
+    "gender": 1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 10,
+    "answer_count": 10,
+    "articles_count": 0
+  },
+  {
+    "id": "17617844a030a1bb13563fcba08ac0bc",
+    "url_token": "gst-62",
+    "name": "GST",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic3.zhimg.com/78cd328bd22026ad7e5c95b34a484ef8_is.jpg",
+    "avatar_url_template":
+        "https://pic3.zhimg.com/78cd328bd22026ad7e5c95b34a484ef8_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/gst-62",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 10,
+    "answer_count": 32,
+    "articles_count": 0
+  },
+  {
+    "id": "28085a8fd28550cf00f47f7115ac035e",
+    "url_token": "lanlan-15-96",
+    "name": "Lanlan",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic3.zhimg.com/v2-743e61568785289cf402f3565334c58b_is.jpg",
+    "avatar_url_template":
+        "https://pic3.zhimg.com/v2-743e61568785289cf402f3565334c58b_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/lanlan-15-96",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "201a7add349e2b16d68deb13bed81a30",
+    "url_token": "ran-shao-de-tu-shu-guan",
+    "name": "燃烧的图书馆",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic4.zhimg.com/f45ffc0805e61bf4295c8422f4cdd169_is.jpg",
+    "avatar_url_template":
+        "https://pic4.zhimg.com/f45ffc0805e61bf4295c8422f4cdd169_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/ran-shao-de-tu-shu-guan",
+    "user_type": "people",
+    "headline": "自动化",
+    "gender": 1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "80aad13efe63c02263387fb9bc52729f",
+    "url_token": "qi-miao-zhong-de-ji-yi-80-1",
+    "name": "七秒钟的记忆",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic4.zhimg.com/v2-f33d1a1fee3bd54c0d44fc0aa8522cd2_is.jpg",
+    "avatar_url_template":
+        "https://pic4.zhimg.com/v2-f33d1a1fee3bd54c0d44fc0aa8522cd2_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/qi-miao-zhong-de-ji-yi-80-1",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "064db3bd2bb39e8c8b707f729ae7756d",
+    "url_token": "jia-kai-6-30",
+    "name": "加凯",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic1.zhimg.com/v2-a9bcb9a806731b87414d1aea4669b099_is.jpg",
+    "avatar_url_template":
+        "https://pic1.zhimg.com/v2-a9bcb9a806731b87414d1aea4669b099_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/jia-kai-6-30",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 1,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "92c3e7514fb0a5a71c4d23432fe321af",
+    "url_token": "ihowe",
+    "name": "haroel",
+    "use_default_avatar": false,
+    "avatar_url": "https://pic2.zhimg.com/87cdbc0fb_is.jpg",
+    "avatar_url_template": "https://pic2.zhimg.com/87cdbc0fb_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/ihowe",
+    "user_type": "people",
+    "headline": "Yo~~ listen up here\u0026#39;s a story",
+    "gender": 1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 191,
+    "answer_count": 359,
+    "articles_count": 0
+  },
+  {
+    "id": "fc1fa66ab4b9b660806d50dcfd7012aa",
+    "url_token": "ling-dong-you-feng",
+    "name": "灵动游峰",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic2.zhimg.com/v2-6d1f871ecf2ebbaef30ef4ab7b96a3d0_is.jpg",
+    "avatar_url_template":
+        "https://pic2.zhimg.com/v2-6d1f871ecf2ebbaef30ef4ab7b96a3d0_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/ling-dong-you-feng",
+    "user_type": "people",
+    "headline": "小论文和大论文的区别",
+    "gender": 1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 1,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "4e6d8d84c9d26c1c8ea2f5afe260247d",
+    "url_token": "mo-mo-mo-mo-39-75",
+    "name": "嘿嘿嘿嘿",
+    "use_default_avatar": true,
+    "avatar_url": "https://pic4.zhimg.com/da8e974dc_is.jpg",
+    "avatar_url_template": "https://pic4.zhimg.com/da8e974dc_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/mo-mo-mo-mo-39-75",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 6,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "1b65a94bdf04f8bedc510a000f67a49d",
+    "url_token": "edward-47-15",
+    "name": "Edward",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic2.zhimg.com/v2-3b757736ac5b92e8ba0d039569a0b08d_is.jpg",
+    "avatar_url_template":
+        "https://pic2.zhimg.com/v2-3b757736ac5b92e8ba0d039569a0b08d_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/edward-47-15",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 3,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "dd441c0dc5047cf97645585e5baae599",
+    "url_token": "zengchao",
+    "name": "曾超",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic3.zhimg.com/v2-550a2af4dc30317194950b6a371192f1_is.jpg",
+    "avatar_url_template":
+        "https://pic3.zhimg.com/v2-550a2af4dc30317194950b6a371192f1_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/zengchao",
+    "user_type": "people",
+    "headline": "企业SaaS行业从业者，企客宝+企搜客产品经理",
+    "gender": 1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 72,
+    "answer_count": 85,
+    "articles_count": 0
+  },
+  {
+    "id": "9ab2f6ae276549d9129b4fa67c25e33a",
+    "url_token": "li-oo",
+    "name": "李oo",
+    "use_default_avatar": true,
+    "avatar_url": "https://pic4.zhimg.com/da8e974dc_is.jpg",
+    "avatar_url_template": "https://pic4.zhimg.com/da8e974dc_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/li-oo",
+    "user_type": "people",
+    "headline": "呵呵",
+    "gender": 1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 11,
+    "answer_count": 35,
+    "articles_count": 0
+  },
+  {
+    "id": "ce928cf7539fc6f8360ff5f5baab64ca",
+    "url_token": "xin-di-de-zi-you",
+    "name": "心底的自由",
+    "use_default_avatar": true,
+    "avatar_url": "https://pic4.zhimg.com/da8e974dc_is.jpg",
+    "avatar_url_template": "https://pic4.zhimg.com/da8e974dc_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/xin-di-de-zi-you",
+    "user_type": "people",
+    "headline": "",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  },
+  {
+    "id": "0e4b7c6a6ae7075d04f46ea3cf8afa22",
+    "url_token": "huyuguo",
+    "name": "胡玉国",
+    "use_default_avatar": false,
+    "avatar_url":
+        "https://pic4.zhimg.com/v2-28e61ae8e1f56afd3f4f943155cd1af3_is.jpg",
+    "avatar_url_template":
+        "https://pic4.zhimg.com/v2-28e61ae8e1f56afd3f4f943155cd1af3_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/huyuguo",
+    "user_type": "people",
+    "headline": "",
+    "gender": 1,
+    "is_advertiser": false,
+    "vip_info": {
+      "is_vip": true,
+      "rename_days": "60",
+      "vip_icon": {
+        "url":
+            "https://pic3.zhimg.com/v2-4812630bc27d642f7cafcd6cdeca3d7a_r.png",
+        "night_mode_url":
+            "https://pic3.zhimg.com/v2-c9686ff064ea3579730756ac6c289978_r.png"
+      }
+    },
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 1,
+    "articles_count": 1
+  },
+  {
+    "id": "7757793cd034b9ef8f654c8ab0a5117a",
+    "url_token": "spring-9-46",
+    "name": "spring",
+    "use_default_avatar": true,
+    "avatar_url": "https://pic4.zhimg.com/da8e974dc_is.jpg",
+    "avatar_url_template": "https://pic4.zhimg.com/da8e974dc_{size}.jpg",
+    "is_org": false,
+    "type": "people",
+    "url": "https://www.zhihu.com/people/spring-9-46",
+    "user_type": "people",
+    "headline": "IT工程师",
+    "gender": -1,
+    "is_advertiser": false,
+    "vip_info": {"is_vip": false, "rename_days": "60"},
+    "badge": [],
+    "is_following": false,
+    "is_followed": true,
+    "follower_count": 0,
+    "answer_count": 0,
+    "articles_count": 0
+  }
+];

lib/providers/RecommendProvider.dart

@@ -4,6 +4,8 @@ import 'package:flutter/material.dart';
 
 class RecommendProvider with ChangeNotifier {
   bool ifShowBottom=true;
+
+  double screenHeight;
   MainInfo mainInfo = MainInfo(
       avatarUrl:
           "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
@@ -28,7 +30,10 @@ class RecommendProvider with ChangeNotifier {
 
   
 
-  
+  setScreenHeight(height){
+    screenHeight=height;
+    notifyListeners();
+  }
 
   hideBottomBar(){
     ifShowBottom=false;

lib/widgets/FavAnimation.dart

@@ -1,111 +1,404 @@
+// import 'package:flutter/material.dart';
+
+// class AnimateFav extends StatefulWidget {
+//   AnimateFav({Key key, this.size}) : super(key: key);
+//   final double size;
+
+//   _AnimateFavState createState() => _AnimateFavState();
+// }
+
+// class _AnimateFavState extends State<AnimateFav>
+//     with TickerProviderStateMixin {
+//   AnimationController _controller_1;
+//   AnimationController _controller_2;
+//   Animation<double> _animation_1;
+//   Animation<double> _animation_2;
+//   Animation<double> curAnimation;
+//   double rpx;
+//   @override
+//   void initState() {
+//     super.initState();
+
+//     _controller_1 =
+//         AnimationController(vsync: this, duration: Duration(milliseconds: 300));
+//     _controller_2 =
+//         AnimationController(vsync: this, duration: Duration(milliseconds: 200));
+//     _animation_1 = Tween(begin: 0.0, end: 1.3).animate(_controller_1)
+//       ..addStatusListener((status) {
+//         if (status == AnimationStatus.completed) {
+//           _controller_2.forward(from: 0);
+//           setState(() {
+//             curAnimation = _animation_2;
+//           });
+//         }
+//       })
+//       ..addListener(() {
+//         setState(() {});
+//       });
+//     _animation_2 = Tween(begin: 1.3, end: 1.0).animate(_controller_2)
+//       ..addListener(() {
+//         setState(() {});
+//       });
+//     curAnimation = _animation_1;
+//     _controller_1.forward(from: 0);
+//   }
+
+//   @override
+//   Widget build(BuildContext context) {
+//     rpx = MediaQuery.of(context).size.width / 750;
+//     return Center(
+//         child: Icon(
+//       Icons.favorite,
+//       size: widget.size * curAnimation.value,
+//       color: Colors.redAccent,
+//     ));
+//   }
+// }
+
+// class AnimatedUnFav extends StatefulWidget {
+//   AnimatedUnFav({Key key,@required this.size}) : super(key: key);
+//   final double size;
+//   _AnimatedUnFavState createState() => _AnimatedUnFavState();
+// }
+
+// class _AnimatedUnFavState extends State<AnimatedUnFav> with TickerProviderStateMixin {
+//   AnimationController _controller_1;
+//   AnimationController _controller_2;
+//   Animation<double> _animation_1;
+//   Animation<double> _animation_2;
+//   Animation<double> curAnimation;
+//   Color curColor;
+//   @override
+//   void initState() {
+//     super.initState();
+//     curColor=Colors.redAccent;
+//     _controller_1 =
+//         AnimationController(vsync: this, duration: Duration(milliseconds: 100));
+//     _controller_2 =
+//         AnimationController(vsync: this, duration: Duration(milliseconds: 100));
+//     _animation_1 = Tween(begin: 1.0, end: 1.2).animate(_controller_1)
+//       ..addStatusListener((status) {
+//         if (status == AnimationStatus.completed) {
+//           _controller_2.forward(from: 0);
+//           setState(() {
+//             curAnimation = _animation_2;
+//             curColor=Colors.grey[100];
+//           });
+//         }
+//       })
+//       ..addListener(() {
+//         setState(() {});
+//       });
+//     _animation_2 = Tween(begin: 1.2, end: 1.0).animate(_controller_2)
+//       ..addListener(() {
+//         setState(() {});
+//       });
+//     curAnimation = _animation_1;
+//     _controller_1.forward(from: 0);
+//   }
+
+//   @override
+//   Widget build(BuildContext context) {
+//     // rpx = MediaQuery.of(context).size.width / 750;
+//     return Center(
+//         child: Icon(
+//       Icons.favorite,
+//       size: widget.size * curAnimation.value,
+//       color: curColor,
+//     ));
+//   }
+// }
+
+import 'dart:async';
+
+import 'package:douyin_demo/providers/RecommendProvider.dart';
 import 'package:flutter/material.dart';
+// import 'package:provider/provider.dart';
 
-class AnimateFav extends StatefulWidget {
-  AnimateFav({Key key, this.size}) : super(key: key);
-  final double size;
+// class AnimatePositiveIcon extends StatefulWidget {
+//   AnimatePositiveIcon({Key key, @required this.size, this.callback})
+//       : super(key: key);
+//   final double size;
+//   final VoidCallback callback;
+//   _AnimatePositiveIconState createState() => _AnimatePositiveIconState();
+// }
 
-  _AnimateFavState createState() => _AnimateFavState();
-}
+// class _AnimatePositiveIconState extends State<AnimatePositiveIcon>
+//     with TickerProviderStateMixin {
+//   AnimationController _controller1;
+//   AnimationController _controller2;
+//   AnimationController _controller3;
 
-class _AnimateFavState extends State<AnimateFav>
-    with TickerProviderStateMixin {
-  AnimationController _controller_1;
-  AnimationController _controller_2;
-  Animation<double> _animation_1;
-  Animation<double> _animation_2;
-  Animation<double> curAnimation;
-  double rpx;
-  @override
-  void initState() {
-    super.initState();
+//   Animation<double> _animation1;
+//   Animation<double> _animation2;
+//   Animation<double> _animation3;
 
-    _controller_1 =
-        AnimationController(vsync: this, duration: Duration(milliseconds: 300));
-    _controller_2 =
-        AnimationController(vsync: this, duration: Duration(milliseconds: 200));
-    _animation_1 = Tween(begin: 0.0, end: 1.3).animate(_controller_1)
-      ..addStatusListener((status) {
-        if (status == AnimationStatus.completed) {
-          _controller_2.forward(from: 0);
-          setState(() {
-            curAnimation = _animation_2;
-          });
-        }
-      })
-      ..addListener(() {
-        setState(() {});
-      });
-    _animation_2 = Tween(begin: 1.3, end: 1.0).animate(_controller_2)
-      ..addListener(() {
-        setState(() {});
-      });
-    curAnimation = _animation_1;
-    _controller_1.forward(from: 0);
-  }
+//   Animation<double> curAnimation;
 
-  @override
-  Widget build(BuildContext context) {
-    rpx = MediaQuery.of(context).size.width / 750;
-    return Center(
-        child: Icon(
-      Icons.favorite,
-      size: widget.size * curAnimation.value,
-      color: Colors.redAccent,
-    ));
-  }
-}
+//   Color curColor;
+
+//   @override
+//   void initState() {
+//     super.initState();
+//     _controller1 =
+//         AnimationController(vsync: this, duration: Duration(milliseconds: 150));
+//     _controller2 =
+//         AnimationController(vsync: this, duration: Duration(milliseconds: 200));
+//     _controller3 =
+//         AnimationController(vsync: this, duration: Duration(milliseconds: 60));
+
+//     curColor = Colors.grey[100];
+//     _animation1 = Tween(begin: 1.0, end: 0.0).animate(_controller1)
+//       ..addListener(() {
+//         setState(() {});
+//       })
+//       ..addStatusListener((status) {
+//         if (status == AnimationStatus.completed) {
+//           _controller2.forward(from: 0);
+//           curAnimation = _animation2;
+//           curColor = Colors.redAccent;
+//         }
+//       });
 
+//     _animation2 = Tween(begin: 0.0, end: 1.2).animate(_controller2)
+//       ..addListener(() {
+//         setState(() {});
+//       })
+//       ..addStatusListener((status) {
+//         if (status == AnimationStatus.completed) {
+//           _controller3.forward(from: 0);
+//           curAnimation = _animation3;
+//         }
+//       });
 
-class AnimatedUnFav extends StatefulWidget {
-  AnimatedUnFav({Key key,@required this.size}) : super(key: key);
+//     _animation3 = Tween(begin: 1.2, end: 1.0).animate(_controller3)
+//       ..addListener(() {
+//         setState(() {});
+//       })
+//       ..addStatusListener((status) {
+//         if (status == AnimationStatus.completed && widget.callback != null) {
+//           widget.callback();
+//         }
+//       });
+//     // _controller1.forward(from: 0).then((_) {
+//     //   _controller2.forward(from: 0).then((_){
+//     //     _controller3.forward(from: 0);
+//     //   });
+//     // });
+//     curAnimation = _animation1;
+//     _controller1.forward(from: 0);
+//   }
+
+//   @override
+//   Widget build(BuildContext context) {
+//     return Container(
+//       child: Icon(
+//         Icons.favorite,
+//         size: widget.size * curAnimation.value,
+//         color: curColor,
+//       ),
+//     );
+//   }
+// }
+
+// class AnimateNegtiveIcon extends StatefulWidget {
+//   AnimateNegtiveIcon(
+//       {Key key,
+//       @required this.size,
+//       @required this.icon,
+//       @required this.startColor,
+//       @required this.endColor,
+//       this.callback})
+//       : super(key: key);
+//   final double size;
+//   final IconData icon;
+//   final VoidCallback callback;
+//   final Color startColor;
+//   final Color endColor;
+//   _AnimateNegtiveIconState createState() => _AnimateNegtiveIconState();
+// }
+
+// class _AnimateNegtiveIconState extends State<AnimateNegtiveIcon>
+//     with TickerProviderStateMixin {
+//   AnimationController _controller1;
+//   AnimationController _controller2;
+
+//   Animation<double> _animation1;
+//   Animation<double> _animation2;
+
+//   Animation<double> curAnimation;
+
+//   Color curColor;
+
+//   @override
+//   void initState() {
+//     super.initState();
+//     _controller1 =
+//         AnimationController(vsync: this, duration: Duration(milliseconds: 200));
+//     _controller2 =
+//         AnimationController(vsync: this, duration: Duration(milliseconds: 200));
+
+//     curColor = widget.startColor;
+//     _animation1 = Tween(begin: 1.0, end: 1.2).animate(_controller1)
+//       ..addListener(() {
+//         setState(() {});
+//       })
+//       ..addStatusListener((status) {
+//         if (status == AnimationStatus.completed) {
+//           _controller2.forward(from: 0);
+//           curAnimation = _animation2;
+//           curColor = widget.endColor;
+//         }
+//       });
+
+//     _animation2 = Tween(begin: 1.2, end: 1.0).animate(_controller2)
+//       ..addListener(() {
+//         setState(() {});
+//       })
+//       ..addStatusListener((status) {
+//         if (status == AnimationStatus.completed && widget.callback != null) {
+//           Timer(Duration(milliseconds: 100), () {
+//             widget.callback();
+//           });
+//         }
+//       });
+//     // _controller1.forward(from: 0).then((_) {
+//     //   _controller2.forward(from: 0).then((_){
+//     //     _controller3.forward(from: 0);
+//     //   });
+//     // });
+//     curAnimation = _animation1;
+//   }
+
+//   @override
+//   Widget build(BuildContext context) {
+//     return IconButton(
+//         padding: EdgeInsets.all(0),
+//         onPressed: () {
+//           _controller1.forward(from: 0);
+//         },
+//         icon: Icon(
+//           widget.icon,
+//           semanticLabel: "label",
+//           size: widget.size * curAnimation.value,
+//           color: curColor,
+//         ));
+//   }
+// }
+
+class AnimatedIconWidget extends StatefulWidget {
+  AnimatedIconWidget(
+      {Key key,
+      @required this.animationList,
+      @required this.icon,
+      @required this.size,
+      this.callback,
+      this.callbackDelay,
+      this.provider})
+      : super(key: key);
+  final List<IconAnimationStage> animationList;
+  final IconData icon;
+  final VoidCallback callback;
   final double size;
-  _AnimatedUnFavState createState() => _AnimatedUnFavState();
+  final RecommendProvider provider;
+  final Duration callbackDelay;
+  _AnimatedIconWidgetState createState() => _AnimatedIconWidgetState();
 }
 
-class _AnimatedUnFavState extends State<AnimatedUnFav> with TickerProviderStateMixin {
-  AnimationController _controller_1;
-  AnimationController _controller_2;
-  Animation<double> _animation_1;
-  Animation<double> _animation_2;
-  Animation<double> curAnimation;
+class _AnimatedIconWidgetState extends State<AnimatedIconWidget>
+    with TickerProviderStateMixin {
+  List<IconAnimationStage> anis = List<IconAnimationStage>();
+  List<AnimationController> controllers = List<AnimationController>();
+  List<Animation<double>> animations = List<Animation<double>>();
+  Animation<double> curAnim;
   Color curColor;
+  int curIndex = 0;
+  List<bool> ifAdded = List<bool>();
+  double curSize;
+  bool ifInit = true;
+
+  loopAnimation(index) {
+    curColor = curColor == null ? anis.first.color : curColor;
+    if (index < controllers.length - 1) {
+      if (!ifAdded[index]) {
+        animations[index] = animations[index]
+          ..addStatusListener((status) {
+            if (status == AnimationStatus.completed) {
+              curAnim = animations[index + 1];
+              curColor = anis[index + 1].color;
+
+              controllers[index + 1].forward(from: 0);
+              loopAnimation(index + 1);
+            }
+          })
+          ..addListener(() {
+            setState(() {});
+          });
+        ifAdded[index] = true;
+      }
+    } else if (index == controllers.length - 1) {
+      if (!ifAdded[index]) {
+        animations[index] = animations[index]
+          ..addStatusListener((status) {
+            curColor = anis[index].color;
+            if (status == AnimationStatus.completed) {
+              if (widget.callback != null) {
+                if (widget.callbackDelay == null) {
+                  widget.callback();
+                } else {
+                  Timer(widget.callbackDelay, () {
+                    widget.callback();
+                  });
+                }
+              }
+            }
+          })
+          ..addListener(() {
+            setState(() {});
+          });
+        ifAdded[index] = true;
+      }
+    }
+  }
+
   @override
   void initState() {
     super.initState();
-    curColor=Colors.redAccent;
-    _controller_1 =
-        AnimationController(vsync: this, duration: Duration(milliseconds: 100));
-    _controller_2 =
-        AnimationController(vsync: this, duration: Duration(milliseconds: 100));
-    _animation_1 = Tween(begin: 1.0, end: 1.2).animate(_controller_1)
-      ..addStatusListener((status) {
-        if (status == AnimationStatus.completed) {
-          _controller_2.forward(from: 0);
-          setState(() {
-            curAnimation = _animation_2;
-            curColor=Colors.grey[100];
-          });
-        }
-      })
-      ..addListener(() {
-        setState(() {});
-      });
-    _animation_2 = Tween(begin: 1.2, end: 1.0).animate(_controller_2)
-      ..addListener(() {
-        setState(() {});
-      });
-    curAnimation = _animation_1;
-    _controller_1.forward(from: 0);
+    anis = widget.animationList;
+
+    List.generate(anis.length, (index) {
+      var curAni = anis[index];
+      ifAdded.add(false);
+      controllers.add(
+          AnimationController(vsync: this, duration: anis[index].duration));
+      animations.add(Tween(begin: curAni.start, end: curAni.end)
+          .animate(controllers[index]));
+    });
+    curAnim = animations.first;
+    loopAnimation(0);
   }
 
   @override
   Widget build(BuildContext context) {
-    // rpx = MediaQuery.of(context).size.width / 750;
-    return Center(
-        child: Icon(
-      Icons.favorite,
-      size: widget.size * curAnimation.value,
-      color: curColor,
-    ));
+    return IconButton(
+      padding: EdgeInsets.all(0),
+      onPressed: () {
+        controllers.first.forward(from: 0);
+      },
+      icon: Icon(
+        widget.icon,
+        size: widget.size * curAnim.value,
+        color: curColor,
+      ),
+    );
   }
-}
+}
+
+class IconAnimationStage {
+  double start;
+  double end;
+  Color color;
+  Duration duration;
+
+  IconAnimationStage({this.color, this.duration, this.end, this.start});
+}

pubspec.lock

@@ -46,6 +46,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  lpinyin:
+    dependency: "direct main"
+    description:
+      name: lpinyin
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.0.7"
   marquee:
     dependency: "direct main"
     description:
@@ -121,6 +128,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.9.3"
+  sticky_headers:
+    dependency: "direct main"
+    description:
+      name: sticky_headers
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.1.8"
   stream_channel:
     dependency: transitive
     description:

pubspec.yaml

@@ -27,6 +27,8 @@ dependencies:
   video_player: 
   marquee_flutter:
   provider: 
+  lpinyin:
+  sticky_headers:
 
 dev_dependencies:
   flutter_test: