安卓音乐播放器--侧边栏

本文介绍了如何在安卓应用中实现侧边栏音乐播放器,通过学习参考资料并解决在ScrollView中添加水平视图的问题。在解决过程中,避免使用透明层,而是直接将menuLayout作为children,但遇到已存在父节点的错误。通过将menuLayout的MyHorizontalScrollView单独写入XML并在setContentView时设置,调整onGlobalLayout中添加children的顺序,最终实现了从右侧滑出的功能。
摘要由CSDN通过智能技术生成

侧边栏学习

参考资料:http://www.chinatarena.com/Html/adpeixun/201307/5251.html

还有一个参考的代码 最后自己的理解是 在scrollView中添加两个水平的视图 

		musicListLayout.findViewById(R.id.btnMusicListSlide).setOnClickListener(new MusicListActivity.ClickListenerForScrolling(scrollView, menu));
		final View[] children=new View[]{menuLayout,musicListLayout};
		int scrollToViewIdx=0;
		scrollView.initViews(children, scrollToViewIdx, new MusicListActivity.SizeCallbackForMenu(musicListLayout.findViewById(R.id.btnMusicListSlide))
之前使用一个透明的TextView替代menuLayout 之前的menuLayout如下:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:background="#00ffffff" android:padding="0px" android:layout_margin="0px">

    <!--
    This ImageView is used as a menu.
    --><!-- 
    <ImageView android:id="@+id/menu" android:src="@drawable/fb_menu" android:layout_width="fill_parent"
        android:layout_height="fill_parent" android:scaleType="fitStart" />
         -->
    <LinearLayout 
        android:id="@+id/menu"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:layout_gravity="right"
        >
        <Button 
            android:id="@+id/playMode"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="测试"
            />
        <Button 
            android:id="@+id/btnExit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="退出"
            />
    </LinearLayout>


    This HorizontalScrollView will contain a Linear
您好!对于动态侧边栏,您可以使用 Element UI 中的 el-menu 组件来实现。el-menu 是一个强大的菜单组件,可以根据数据动态生成菜单项。 首先,您需要准备好菜单的数据。可以是一个数组,每个元素代表一个菜单项,包含菜单的标题、图标、路径等信息。 然后,在页面中使用 el-menu 组件,并通过 v-for 指令循环渲染菜单项。使用 v-bind 指令将菜单项的数据绑定到组件的属性上,例如 title、icon、index 等。 示例代码如下所示: ```html <el-menu :default-active="$route.path" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" router> <template v-for="item in menuList"> <el-submenu v-if="item.children && item.children.length > 0" :key="item.index" :index="item.index"> <template slot="title"> <i :class="item.icon"></i> <span>{{ item.title }}</span> </template> <el-menu-item v-for="child in item.children" :key="child.index" :index="child.index"> <router-link :to="child.path">{{ child.title }}</router-link> </el-menu-item> </el-submenu> <el-menu-item v-else :key="item.index" :index="item.index"> <i :class="item.icon"></i> <span>{{ item.title }}</span> </el-menu-item> </template> </el-menu> ``` 在上面的示例中,menuList 是一个数组,保存了菜单项的信息。使用 v-for 指令将其循环渲染成菜单项。如果菜单项有子菜单,则使用 el-submenu 组件包裹 el-menu-item 组件。如果没有子菜单,则直接使用 el-menu-item 组件。 通过 :index 绑定菜单项的索引值,可以实现高亮当前选中的菜单项。使用 :default-active 绑定 $route.path,可以根据当前路由路径自动选中对应的菜单项。 以上就是使用 el-menu 实现动态侧边栏的基本步骤,您可以根据自己的需求进行进一步的定制和样式调整。希望能对您有帮助!如果还有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值