基于AutojsPro 开发仿网易云音乐界面

恶猫

于 2025-04-10 10:14:37 发布

阅读量415

点赞数 4

本文链接：https://blog.youkuaiyun.com/minghao1039/article/details/147111536

版权

一、核心界面模块实现

首页布局

// 创建垂直布局作为主容器 
var mainLayout = ui.vertical( 
    // 顶部导航栏
    ui.navbar(" 发现音乐", "我的", "下载"),
    // 轮播图区域 
    ui.banner(images,  300),
    // 推荐歌单（横向滚动）
    ui.horizontalScroll([ 
        ui.cover(" 歌单1", img1),
        ui.cover(" 歌单2", img2)
    ]),
    // 最新音乐列表 
    ui.listView(songs,  (item) => {
        return ui.item(item.title,  item.artist,  item.cover) 
    })
).attrs({ 
    bg: "#f5f5f5",
    padding: 10 
})

2.播放器界面

var playerUI = ui.vertical( 
    // 唱片旋转动画 
    ui.image(coverImg).attr("rotation",  0).animate("rotation", 360, 10000),
    // 歌词滚动容器 
    ui.scrollText(lyrics,  {