播放器主界面设计

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#000000" >

    <!-- 播放界面布局 -->


    <!-- 顶层区域 -->

    <LinearLayout
        android:id="@+id/TopBar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/player_back_background"
        android:gravity="center"
        android:minHeight="74dip"
        android:orientation="vertical"
        android:paddingLeft="10dip"
        android:paddingRight="10dip" >

        <TextView
            android:id="@+id/ArtistTextView"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:ellipsize="marquee"
            android:gravity="center"
            android:marqueeRepeatLimit="2"
            android:scrollHorizontally="true"
            android:singleLine="true"
            android:text="Artist - Album"
            android:textColor="#fff"
            android:textSize="14dip" >
        </TextView>

        <TextView
            android:id="@+id/SongTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:singleLine="true"
            android:text="Song"
            android:textColor="#fff"
            android:textSize="21dip" >
        </TextView>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >

            <!-- 当前时间 -->

            <TextView
                android:id="@+id/CurrentTimeTextView"
                android:layout_width="48dip"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:gravity="left"
                android:text="--:--"
                android:textColor="#fff" />
            <!-- 总时间 -->

            <TextView
                android:id="@+id/TotalTimeTextView"
                android:layout_width="48dip"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:gravity="right"
                android:text="--:--"
                android:textColor="#fff" />
        </RelativeLayout>
    </LinearLayout>


    <!-- 进度条 -->

    <ProgressBar
        android:id="@+id/ProgressBar"
        android:layout_width="300dip"
        android:layout_height="2dip"
        android:layout_below="@id/TopBar"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="5dip"
        android:indeterminateOnly="false"
        android:progressDrawable="@+drawable/progress_dotted" />

    <com.teleca.jamendo.widget.ReflectableLayout
        android:id="@+id/ReflectableLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/TopBar"
        android:layout_marginTop="20dip" >

        <RelativeLayout
            android:id="@+id/CoverLayout"
            android:layout_width="300dip"
            android:layout_height="300dip"
            android:layout_centerInParent="true"
            android:background="@null" >

            <!-- cover and the license -->

            <com.teleca.jamendo.widget.MyImageView
                android:id="@+id/CoverImageView"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" >
            </com.teleca.jamendo.widget.MyImageView>

            <com.teleca.jamendo.widget.MyImageView
                android:id="@+id/LicenseImageView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_alignParentRight="true"
                android:layout_marginBottom="5dip"
                android:layout_marginRight="5dip"
                android:onClick="licenseClickHandler"
                android:src="@drawable/cc_loading" >
            </com.teleca.jamendo.widget.MyImageView>
        </RelativeLayout>
    </com.teleca.jamendo.widget.ReflectableLayout>

    <!-- reflected cover and the license -->

    <com.teleca.jamendo.widget.ReflectiveSurface
        android:id="@+id/ReflectiveSurface"
        android:layout_width="fill_parent"
        android:layout_height="50dip"
        android:layout_below="@id/ReflectableLayout"
        android:layout_marginTop="1dip" >
    </com.teleca.jamendo.widget.ReflectiveSurface>

    <!-- gradient overlaying reflected cover and the license -->

    <ImageView
        android:id="@+id/ReflectShade"
        android:layout_width="fill_parent"
        android:layout_height="50dip"
        android:layout_below="@id/ReflectableLayout"
        android:layout_marginTop="1dip"
        android:background="@drawable/gradient_reflect" >
    </ImageView>

    <!-- 4-way media buttons -->

    <RelativeLayout
        android:id="@+id/FourWayMediaLayout"
        android:layout_width="300dip"
        android:layout_height="300dip"
        android:layout_alignTop="@id/ReflectableLayout"
        android:layout_centerHorizontal="true"
        android:background="@null" >

        <ImageButton
            android:id="@+id/PlayImageButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="10dip"
            android:background="@null"
            android:src="@drawable/player_play_light"
            android:visibility="gone" >
        </ImageButton>

        <ImageButton
            android:id="@+id/StopImageButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="10dip"
            android:background="@null"
            android:src="@drawable/player_stop_light"
            android:visibility="gone" >
        </ImageButton>

        <ImageButton
            android:id="@+id/NextImageButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="10dip"
            android:background="@null"
            android:src="@drawable/player_next_light"
            android:visibility="gone" >
        </ImageButton>

        <ImageButton
            android:id="@+id/PrevImageButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dip"
            android:background="@null"
            android:src="@drawable/player_prev_light"
            android:visibility="gone" >
        </ImageButton>
    </RelativeLayout>

    <SlidingDrawer
        android:id="@+id/drawer"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:bottomOffset="7dip"
        android:content="@+id/content"
        android:handle="@+id/handle" >

        <LinearLayout
            android:id="@id/handle"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/handle"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingTop="10dip"
                android:src="@drawable/drag" />
        </LinearLayout>

        <LinearLayout
            android:id="@id/content"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/gradient_orange"
            android:gravity="center"
            android:orientation="vertical"
            android:paddingLeft="20dip"
            android:paddingRight="20dip" >

            <!-- the content of the sliding-drawer -->

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal" >

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="15dip"
                    android:gravity="center"
                    android:onClick="homeClickHandler"
                    android:orientation="vertical" >

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/ic_menu_home" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/home"
                        android:textColor="#5a5a5a" >
                    </TextView>
                </LinearLayout>

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="15dip"
                    android:gravity="center"
                    android:onClick="albumClickHandler"
                    android:orientation="vertical" >

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/ic_menu_cd" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/album"
                        android:textColor="#5a5a5a" >
                    </TextView>
                </LinearLayout>

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="15dip"
                    android:gravity="center"
                    android:onClick="artistClickHandler"
                    android:orientation="vertical" >

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/ic_menu_artist" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/artist"
                        android:textColor="#5a5a5a" >
                    </TextView>
                </LinearLayout>

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="15dip"
                    android:gravity="center"
                    android:onClick="playlistClickHandler"
                    android:orientation="vertical" >

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/ic_menu_playlist" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/playlist"
                        android:textColor="#5a5a5a" >
                    </TextView>
                </LinearLayout>
            </LinearLayout>

            <Button
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="30dip"
                android:onClick="lyricsOnClick"
                android:text="@string/lyrics" >
            </Button>

            <Button
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dip"
                android:onClick="addOnClick"
                android:text="@string/add_to_playlist" >
            </Button>

            <Button
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dip"
                android:onClick="shareOnClick"
                android:text="@string/share" >
            </Button>

            <Button
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dip"
                android:onClick="downloadOnClick"
                android:text="@string/download" >
            </Button>
        </LinearLayout>
    </SlidingDrawer>


</RelativeLayout>