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>

    

    原文作者:喜欢LANG的鑫
    原文地址: https://blog.csdn.net/luonianxin08/article/details/80894241
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞