V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Baboonowen
V2EX  ›  分享创造

毛玻璃、无边框的 Listen 1

  •  2
     
  •   Baboonowen ·
    reycn · 2018-11-09 13:07:09 +08:00 · 6456 次点击
    这是一个创建于 2204 天前的主题,其中的信息可能已经有所发展或是发生改变。

    很多人都在用一站式播放全平台音乐的开源免费软件 Listen1, 但是在 Windows 下其默认的界面有点丑:

    原版界面

    于是我在基础上做了以下修改:

    • 背景毛玻璃效果
    • 去除菜单栏
    • 去除标题栏及窗口边框
    • 所有导航栏空白部分添加拖动控制方便移动窗口
    • 所有导航栏空白部分双击最大化,单击出现窗口菜单(最大化、最小化、关闭)
    • 修改了一些元素布局,更为美观
    无边框 /毛玻璃修改版界面

    TODO:

    • 进一步调整 UI 使其更为协调
    • 如有可能,修复虾米 API

    修改版下载地址:

    Listen1_1.8.1_win_fluent

    最近期末论文太多(文科),无聊撸了一下这个……源码还没有推 Git,我要滚去写期末作业了……

    第 1 条附言  ·  2018-11-09 20:38:07 +08:00
    更新:
    - 修复了此前的版本看不太清歌词的 BUG
    - 更改字体为无衬线字体
    - 整体加深了透明面板以便更好地识别文字





    新版在此: https://github.com/oyrx/listen1_desktop_fluent/releases/tag/1.8.1_fluent_fix
    第 2 条附言  ·  2018-11-10 15:36:35 +08:00
    目前点击托盘图标就可以很方便地最小化 /唤起窗口,主界面上的按钮添加在计划内。
    第 3 条附言  ·  2018-11-11 12:55:04 +08:00
    https://github.com/oyrx/listen1_desktop_fluent/releases/tag/1.8.2
    添加最小化按钮
    添加空格快捷键暂停 /播放
    提升了加载速度
    @terencehan
    第 4 条附言  ·  2019-06-17 13:01:34 +08:00
    更新啦,这次是真正的 Windows Fluent 窗口了: https://github.com/reycn/listen1_desktop_fluent/releases/tag/2.2.0


    - 引入 [EWC]( https://github.com/23phy/ewc) 模块,真正实现 [Fluent]( https://www.microsoft.com/design/fluent/#/) 窗口 ([Issue#11]( https://github.com/reycn/listen1_desktop_fluent/issues/11)Fixed)
    - 同步原版改动(修复酷狗、虾米播放问题)
    - 添加动画(很优雅哈哈)、优化 CSS 代码




    第 5 条附言  ·  2020-02-26 22:31:38 +08:00

    浅色主题 深色主题

    30 条回复    2019-06-17 12:58:46 +08:00
    ThomasChao
        1
    ThomasChao  
       2018-11-09 13:30:52 +08:00 via Android   ❤️ 1
    捧個人場吧
    xdeng
        2
    xdeng  
       2018-11-09 13:40:45 +08:00   ❤️ 1
    厉害了
    Baboonowen
        3
    Baboonowen  
    OP
       2018-11-09 13:48:30 +08:00
    @ThomasChao 真实
    Baboonowen
        4
    Baboonowen  
    OP
       2018-11-09 13:49:04 +08:00
    @xdeng 没啥厉害的,熟悉了下 Electron 的 API 而已...
    spark2Fire
        5
    spark2Fire  
       2018-11-09 13:51:19 +08:00
    不知道什么原因,L 1 只有网易还会腾讯的能听,其它的都不能用了,全弹出版权问题。。。所以后来卸载了
    Baboonowen
        6
    Baboonowen  
    OP
       2018-11-09 14:05:56 +08:00 via Android
    @spark2Fire 我这儿只有虾米不能听,其他都正常耶。
    alphanow
        7
    alphanow  
       2018-11-09 14:07:56 +08:00
    Listen1 现在只有浏览器插件的版本还在维护
    我觉得可能需要重构了
    Baboonowen
        8
    Baboonowen  
    OP
       2018-11-09 14:16:06 +08:00
    @alphanow 浏览器的虾米还能听是吗?
    Rokee
        9
    Rokee  
       2018-11-09 14:38:44 +08:00   ❤️ 1
    开个 issues 吧,方便反映问题
    提交一个:具体的歌曲页面背景应该模糊,现在的太透了,字都看不清
    Baboonowen
        10
    Baboonowen  
    OP
       2018-11-09 14:41:10 +08:00
    @Rokee 试了一下确实是,我最近写论文没有看歌词没有注意,周一改。
    terencehan
        11
    terencehan  
       2018-11-09 15:51:48 +08:00   ❤️ 1
    换个字体?
    ShuoHui
        12
    ShuoHui  
       2018-11-09 15:55:51 +08:00 via iPhone   ❤️ 1
    mark 一下…
    Baboonowen
        13
    Baboonowen  
    OP
       2018-11-09 16:02:19 +08:00
    @terencehan 在计划内,我也觉得宋体不好看
    beginor
        14
    beginor  
       2018-11-09 18:06:57 +08:00 via Android
    难道不应该在 github 上开问题么?
    Baboonowen
        15
    Baboonowen  
    OP
       2018-11-09 18:18:02 +08:00
    @beginor 刚才我没开现在开了
    Baboonowen
        16
    Baboonowen  
    OP
       2018-11-09 20:31:40 +08:00
    更新,也请 @terencehan @Rokee 看看:
    - 修复了此前的版本看不太清歌词的 BUG
    - 更改字体为无衬线字体
    - 整体加深了透明面板以便更好地识别文字

    <img src=""/>
    <img src=""/>
    Baboonowen
        17
    Baboonowen  
    OP
       2018-11-09 20:34:42 +08:00
    co3site
        18
    co3site  
       2018-11-09 20:41:01 +08:00   ❤️ 2
    你们抓住重点:文科
    Baboonowen
        19
    Baboonowen  
    OP
       2018-11-09 20:56:28 +08:00   ❤️ 1
    @co3site 打扰了 II__II
    tangtang009
        20
    tangtang009  
       2018-11-09 21:38:52 +08:00   ❤️ 1
    不错,界面好看多了ψ( ̄︶ ̄)ψ
    terencehan
        21
    terencehan  
       2018-11-10 13:01:01 +08:00 via iPhone   ❤️ 1
    奶思~
    还有一个小问题,没有关闭和最小化的按钮😂
    Baboonowen
        22
    Baboonowen  
    OP
       2018-11-10 13:20:29 +08:00
    @terencehan 目前点击托盘图标就可以很方便地最小化 /唤起窗口,不过按钮添加也在计划内。
    LongLights
        23
    LongLights  
       2018-11-11 01:31:49 +08:00
    很棒,挺喜欢的,楼主我可以转到我的网站里吗?(网站: https://www.ugediao.com/)
    Baboonowen
        24
    Baboonowen  
    OP
       2018-11-11 10:20:18 +08:00
    @LongLights 注明来源和作者就好,可以。
    Baboonowen
        25
    Baboonowen  
    OP
       2018-11-11 12:55:51 +08:00   ❤️ 1
    本次更新 https://github.com/oyrx/listen1_desktop_fluent/releases/edit/1.8.2:
    ----
    - 添加最小化按钮(<del>钻研了一下 AngularJS 和 Electron 的协作可花时间了……</del>)
    - 添加空格快捷键暂停 /播放
    - 提升了加载速度
    - 更改版本号
    - 修复了几个 BUG
    @terencehan



    terencehan
        26
    terencehan  
       2018-11-11 14:27:05 +08:00
    相当 nice~
    Baboonowen
        27
    Baboonowen  
    OP
       2018-12-18 15:08:47 +08:00
    Baboonowen
        28
    Baboonowen  
    OP
       2018-12-18 15:09:03 +08:00
    ###1.9.0 更新:
    同步上游代码(除虾米)
    网易云现在可以正常打开所有歌单了
    网易云导入歌单无需再加 #

    ###已知问题:
    由于上游代码使用的 Chrome api,虾米音乐暂时还未修复
    Baboonowen
        30
    Baboonowen  
    OP
       2019-06-17 12:58:46 +08:00
    更新啦,这次是真正地 Windows Fluent 窗口了。
    - 引入 [EWC]( https://github.com/23phy/ewc) 模块,真正实现 [Fluent]( https://www.microsoft.com/design/fluent/#/) 窗口 ([Issue#11]( https://github.com/reycn/listen1_desktop_fluent/issues/11)Fixed)
    - 同步原版改动(修复酷狗、虾米播放问题)
    - 添加动画(很优雅哈哈)、优化 CSS 代码

    <img src="">
    <img src="">
    <img src="">
    <img src="">
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   987 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 21:16 · PVG 05:16 · LAX 13:16 · JFK 16:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.