猫耳の色をアイコン画像の平均色に変更

shiosyakeyakini-info · Sep 20, 2023 · a077405 · a077405
1 parent ca7ecb3
commit a077405
Showing 1 changed file with 25 additions and 6 deletions.
diff --git a/lib/view/common/avatar_icon.dart b/lib/view/common/avatar_icon.dart
@@ -25,6 +25,7 @@ class AvatarIcon extends StatelessWidget {
         id: response.id,
         username: response.username,
         avatarUrl: response.avatarUrl,
+        avatarBlurhash: response.avatarBlurhash,
         isCat: response.isCat,
         isBot: response.isBot,
       ),
@@ -41,23 +42,41 @@ class AvatarIcon extends StatelessWidget {
         id: response.id,
         username: response.username,
         avatarUrl: response.avatarUrl,
+        avatarBlurhash: response.avatarBlurhash,
         isCat: response.isCat,
         isBot: response.isBot,
       ),
       height: height,
     );
   }
 
+  Color? averageColor() {
+    // https://github.com/woltapp/blurhash/blob/master/Algorithm.md
+    final blurhash = user.avatarBlurhash;
+    if (blurhash == null) {
+      return null;
+    }
+    final value = blurhash
+        .substring(2, 6)
+        .split("")
+        .map(
+          r'0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz#$%*+,-.:;=?@[]^_{|}~'
+              .indexOf,
+        )
+        .fold(0, (acc, i) => acc * 83 + i);
+    return Color(0xFF000000 | value);
+  }
+
   @override
   Widget build(BuildContext context) {
+    final catEarColor =
+        (user.isCat ? averageColor() : null) ?? Theme.of(context).primaryColor;
+
     return GestureDetector(
       onTap: onTap ??
           () {
             context.pushRoute(
-              UserRoute(
-                userId: user.id,
-                account: AccountScope.of(context),
-              ),
+              UserRoute(userId: user.id, account: AccountScope.of(context)),
             );
           },
       child: Padding(
@@ -79,7 +98,7 @@ class AvatarIcon extends StatelessWidget {
                     ),
                     child: Icon(
                       Icons.play_arrow_rounded,
-                      color: Theme.of(context).primaryColor,
+                      color: catEarColor,
                       size: height * 1 * MediaQuery.of(context).textScaleFactor,
                     ),
                   ),
@@ -100,7 +119,7 @@ class AvatarIcon extends StatelessWidget {
                     transform: Matrix4.rotationY(pi),
                     child: Icon(
                       Icons.play_arrow_rounded,
-                      color: Theme.of(context).primaryColor,
+                      color: catEarColor,
                       size: height * 1 * MediaQuery.of(context).textScaleFactor,
                     ),
                   ),