andriod 简易音乐盒开发实现上一曲、下一曲、暂停、自动播放下一曲(第一篇布局)

            主界面布局

        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >


    <LinearLayout
        android:id="@+id/Linear1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >


        <ImageView
            android:id="@+id/iV_musicList"
            android:layout_width="43dp"
            android:layout_height="50dp"
            android:src="@drawable/menu_list" />


        <TextView
            android:id="@+id/TV_playingName"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:layout_weight="0.16"
            android:gravity="center"
            android:hint="正在播放的音乐"
            android:textSize="20sp" />


        <ImageView
            android:id="@+id/iV_menu_play"
            android:layout_width="20dp"
            android:layout_height="50dp"
            android:src="@drawable/menu_play" />
    </LinearLayout>
    <LinearLayout
        android:id="@+id/Linearimage"
        android:layout_width="280dp"
        android:layout_height="260dp"
        android:layout_marginTop="35dp"
        android:gravity="center"
        android:orientation="vertical" >


        <LinearLayout
            android:id="@+id/linear_sound"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"           
            android:gravity="center_horizontal" >


  <ImageView
     android:id="@+id/iV_sound"
     android:layout_width="25dp"
     android:layout_height="25dp"
     android:src="@drawable/sound" />


        <SeekBar
            android:id="@+id/skb_sound"
            android:layout_width="180dp"
            android:layout_height="25dp" />
           
        </LinearLayout>


        <RadioGroup
            android:id="@+id/rgp_play_mode"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            
            android:orientation="horizontal" 
            android:layout_marginTop="20dp">


            <RadioButton
                android:id="@+id/rd_single"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                
                android:text="单曲循环"
                android:textSize="15sp"
                 />


            <RadioButton
                android:id="@+id/rd_radom"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="随机播放" 
                android:textSize="15sp"/>


            <RadioButton
                android:id="@+id/rd_list"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="列表播放"
                android:textSize="15sp" />
           
        </RadioGroup>

       

        <ImageView
            android:id="@+id/iV_pic"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:src="@drawable/music" />
    </LinearLayout>


    <SeekBar
        android:id="@+id/seekBar1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/Linearimage"
        android:layout_marginTop="15dp" />


    <RelativeLayout
        android:id="@+id/Linear_time"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/seekBar1"
        android:orientation="horizontal" >


        <TextView
            android:id="@+id/music_time_length"
            android:layout_width="40dp"
            android:layout_height="25dp"
            android:layout_alignParentRight="true"
            android:gravity="center"
            android:text="00:00" />


        <TextView
            android:id="@+id/music_current_time"
            android:layout_width="40dp"
            android:layout_height="25dp"
            android:layout_alignParentLeft="true"
            android:gravity="center"
            android:text="00:00" />
    </RelativeLayout>


    <LinearLayout
        android:id="@+id/Linear3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/seekBar1"
        android:layout_marginTop="25dp"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >


            <ImageView
                android:id="@+id/iv_artist_pic"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_gravity="center"
                android:layout_marginLeft="5dp"
                android:src="@drawable/music" />


            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="60dp"
                android:layout_marginLeft="10dp"
                android:orientation="vertical" >


                <TextView
                    android:id="@+id/tv_music_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:ellipsize="marquee"
                    android:focusable="true"
                    android:focusableInTouchMode="true"
                    android:singleLine="true"
                    android:text="myMusicBox"
                    android:textColor="#000"
                    android:textSize="16sp" />


                <TextView
                    android:id="@+id/tv_music_artist_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="3dp"
                    android:layout_marginTop="10dp"
                    android:text="welcome"
                    android:textColor="#000"
                    android:textSize="16sp" />
            </LinearLayout>


            <LinearLayout
                android:id="@+id/Linear4"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center_vertical"
                android:orientation="horizontal" >


                <ImageView
                    android:id="@+id/bt_before"
                    android:layout_width="45dp"
                    android:layout_height="45dp"
                    android:layout_marginLeft="25dp"
                    android:gravity="center"
                    android:src="@drawable/prev" />


                
                <ImageView
                    android:id="@+id/bt_play"
                    android:layout_width="55dp"
                    android:layout_height="55dp"
                    android:layout_marginLeft="5dp"
                    android:src="@drawable/play" />


                <ImageView
                    android:id="@+id/bt_next"
                    android:layout_width="45dp"
                    android:layout_height="45dp"
                    android:layout_marginLeft="5dp"
                    android:src="@drawable/next" />
                <ImageView
                    android:id="@+id/bt_pause"
                    android:layout_width="45dp"
                    android:layout_height="45dp"
                    android:layout_marginLeft="5dp"
                    android:src="@drawable/pause" />
                <ImageView
                    android:id="@+id/bt_playOnline"
                    android:layout_width="45dp"
                    android:layout_height="45dp"
                    android:layout_marginLeft="5dp"
                    android:src="@drawable/sear" />
                
           
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>


</RelativeLayout>

  


列表布局

LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >


    <ImageView
        android:id="@+id/iV_back"
        android:layout_width="30dp"
        android:layout_height="50dp"
        android:src="@drawable/back"
        
        />


    <ListView
        android:id="@+id/musicList"
        android:layout_width="match_parent"
        android:layout_height="435dp" >
    </ListView>


</LinearLayout>


musicItem的布局

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >


        <TextView
            android:id="@+id/number"
            android:layout_width="1dp"
            android:layout_height="20dp"
            android:layout_marginTop="15dp"
            android:layout_weight="1"
            android:gravity="center"
            android:textColor="#050505"
            android:textSize="20sp" 
           />


        <LinearLayout
            android:id="@+id/Linear_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >


            <TextView
                android:id="@+id/music_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center|left"
                android:paddingLeft="10dp"
                android:textColor="#050505"
                android:textSize="20sp" />
        </LinearLayout>


        <LinearLayout
            android:id="@+id/Linear_artist"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:orientation="horizontal"
            android:layout_below="@+id/Linear_name" >


            <TextView
                android:id="@+id/music_Artist"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center|left"
                android:paddingLeft="5dp"
                android:textColor="#050505"
                android:textSize="13sp" />
        </LinearLayout>
       <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
           android:layout_alignRight="@+id/Linear_name" > 
           <ImageView
            android:id="@+id/music_menu"
            android:layout_width="20dp"
            android:layout_height="40dp"
            android:layout_marginRight="4dp"
            android:layout_marginTop="15dp"
            android:src="@drawable/menu_play" />
       
       </LinearLayout> 
    </RelativeLayout>
 
</LinearLayout>

    


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值