Skip to content

Conversation

IvanLi-CN
Copy link
Collaborator

close #32.

增加歌单名称的显示

image

设置界面增加相关的设置

image

@Sherlockouo
Copy link
Owner

hover的时候会显示全称吗?

@IvanLi-CN
Copy link
Collaborator Author

现在项目里有 Hover 后的那个组件吗?我草草地看了下没看到,就没做。或者说有啥样式或者效果参考吗?

@Sherlockouo
Copy link
Owner

老版本的yesplaymusic是酱紫的
image

@IvanLi-CN
Copy link
Collaborator Author

因为高度问题,我感觉加一行字已经很对不起设计老师了 🤣

@Sherlockouo
Copy link
Owner

因为高度问题,我感觉加一行字已经很对不起设计老师了 🤣
@pan93412 对这个有啥建议么?

@pan93412
Copy link
Collaborator

或許可以 Hover 的時候在專輯照片底部漸變顯示歌單名稱?

@Sherlockouo
Copy link
Owner

酱紫吗?
image

@yuzh0816
Copy link
Collaborator

酱紫吗? image

似乎有点怪,感觉最好还是正方形作为框架,hover的时候整个加蒙版显示专辑名称,或者是悬停1s后显示一个flyout的动画展示内容,像microsoft store里面的这个,不过感觉蛮难实现的。

Microsoft.Store.2023-10-20.15-57-40.mp4

@IvanLi-CN IvanLi-CN force-pushed the feature-support-show-playlist-name-in-browse branch from 540489b to d7ad451 Compare October 20, 2023 08:42
@Sherlockouo
Copy link
Owner

微軟這個好絲滑

@IvanLi-CN
Copy link
Collaborator Author

IvanLi-CN commented Oct 20, 2023

@Sherlockouo @pan93412 目前实现成这个样子了。

iShot_2023-10-20_17 42 36

第二行第二个,我设了最低高度,避免内容不够背景高度上不去,比较难看。现在支持显示四行左右的文字,再多就裁掉了。

另外,或许没开启歌单名称显示的时候,可以是直接指针悬浮时在图片里显示名称?

@Sherlockouo
Copy link
Owner

@Sherlockouo @pan93412 目前实现成这个样子了。

iShot_2023-10-20_17 42 36 iShot_2023-10-20_17 42 36

第二行第二个,我设了最低高度,避免内容不够背景高度上不去,比较难看。现在支持显示四行左右的文字,再多就裁掉了。

另外,或许没开启歌单名称显示的时候,可以是直接指针悬浮时在图片里显示名称?

要不模仿下微软的这个效果,hover的时候展示一个hover态的 信息卡片

@IvanLi-CN
Copy link
Collaborator Author

IvanLi-CN commented Oct 20, 2023

要不模仿下微软的这个效果,hover的时候展示一个hover态的 信息卡片

hover 之前还需要显示名称吗?如果要显示在封面图片里面的话,感觉会影响封面图片的表达。我看官方的歌单,封面图是有文字的。

image

信息卡片包含什么内容?封面、名称,还需要别的东西吗?

@yuzh0816
Copy link
Collaborator

要不模仿下微软的这个效果,hover的时候展示一个hover态的 信息卡片

hover 之前还需要显示名称吗?如果要显示在封面图片里面的话,感觉会影响封面图片的表达。我看官方的歌单,封面图是有文字的。

image 信息卡片包含什么内容?封面、名称,还需要别的东西吗?

还要音乐家。好像网易云最近出了bpm什么的歌曲统计,能加进去也挺好。

@Sherlockouo
Copy link
Owner

可以单独封个组件,更通用些

@IvanLi-CN IvanLi-CN force-pushed the feature-support-show-playlist-name-in-browse branch from b32176c to ba53d6b Compare October 31, 2023 16:27
@yuzh0816
Copy link
Collaborator

yuzh0816 commented Nov 3, 2023

有后续更新吗,怎么感觉这个pr没动静了👀

@IvanLi-CN
Copy link
Collaborator Author

有后续更新吗,怎么感觉这个pr没动静了👀

还没想象出来效果是什么样的 QAQ,麻了 🤯

@IvanLi-CN IvanLi-CN force-pushed the feature-support-show-playlist-name-in-browse branch from ba53d6b to 56c4803 Compare November 5, 2023 09:18
@IvanLi-CN IvanLi-CN force-pushed the feature-support-show-playlist-name-in-browse branch from 56c4803 to eaca6e2 Compare November 5, 2023 09:21
@IvanLi-CN
Copy link
Collaborator Author

IvanLi-CN commented Nov 5, 2023

现在改成这样了:

output_hevc.mp4

列表读到的信息只有这些:

image

我已经迷茫了 🤯

@yuzh0816
Copy link
Collaborator

yuzh0816 commented Nov 5, 2023

现在改成这样了:

output_hevc.mp4

列表读到的信息只有这些:

image

视频看不见,能否重新发一下👀

@IvanLi-CN
Copy link
Collaborator Author

@yuzh0816 视频:https://s3.ivanli.cc/ivan-public/uPic/2023/ePDPhU.mp4

@Sherlockouo
Copy link
Owner

现在改成这样了:

output_hevc.mp4
列表读到的信息只有这些:

image 我已经迷茫了 🤯

这个效果还可以,但是读到的信息应该不止这些吧?

@Sherlockouo Sherlockouo merged commit 4de1896 into dev Nov 6, 2023
@Sherlockouo
Copy link
Owner

先merge下,在dev试试效果

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

Successfully merging this pull request may close these issues.

功能请求:歌单页面增加名称显示
4 participants