`

播放器主界面设计

 
阅读更多



 

<?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>

 

  • 大小: 44.9 KB
分享到：
| 自定义加载中和加载失败滚动条
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    音乐播放器界面设计

    在Android平台上，开发一款音乐播放器的界面设计是一项复杂而精细的工作。本项目重点在于使用Fragment技术来实现界面的切换，以提供用户友好的交互体验。Fragment是Android系统中的一个核心组件，它允许我们在单个...

    音乐播放器基本设计(附源码)

    - 处理播放器主界面的按钮事件监听器类。 - 如播放、停止等按钮的响应。 #### PlayerDocumentListener.java - 查找功能的输入框文档监听器类。 - 监听用户输入的变化，实现实时搜索功能。 #### ...

    Photoshop图像处理高级应用课件项目4音乐播放器UI界面设计.pptx

    该资源共分为三大任务：主界面设计、界面图标设计和背景光效设计，每个任务都包含多个知识点讲解，涵盖了Photoshop的各种高级应用技术。 【任务1】主界面设计 知识点讲解1: “图案叠加”样式 “图案叠加”样式是一...

    基于GEC6818开发板的智能多媒体播放器C源码+项目说明(含界面设计+功能设计).zip

    基于GEC6818开发板的智能多媒体播放器C源码+项目说明(含界面设计+功能设计).zip 基于GEC6818开发板的智能多媒体播放器（Smart multimedia player），界面设计以及功能设计。 《智能多媒体播放器》 功能： 开机加载...

    Android音乐播放器毕业设计论文

    5.1音乐播放器主界面功能实现 - 31 - 5.1.1 播放器主界面 - 31 - 5.1.2 播放界面音轨的实现 - 32 - 5.1.3 播放器播放、暂停、停止等功能 - 35 - 5.2 播放列表功能 - 36 - 5.3 菜单功能 - 38 - 5.3.1 菜单界面 - 38 -...

    Android实现音乐播放器——课程设计报告，优秀课设

    【Android实现音乐播放器——课程设计报告，优秀课设】是一个关于移动应用开发的课程设计项目，主要目标是让学生熟练掌握Android程序开发的各种技术，包括基础的UI界面设计、数据存储、Activity、Service、SQLite...

    MFC程序设计多媒体播放器（含设计说明）

    界面设计需要考虑用户体验，保持直观和易用。 5. 事件处理：MFC的C++类库支持消息机制，使得应用程序能够响应用户的交互操作。例如，当用户点击“播放”按钮时，对应的按钮控件会发送一个消息，程序需要捕获并处理...

    web播放器设计文档

    2. 用户界面设计 用户界面的设计是网页播放器的关键要素，它需要既美观又易于操作。界面主要分为四个部分： 1.1 主界面 - 显示部分：包括当前播放时间、总时间长度和采样频率及播放速度。 - 播放部分：包括播放/...

    播放器界面设计(VB6源码).zip

    在VB6（Visual Basic 6）环境中，创建一个播放器界面设计涉及到许多关键知识点，包括图形用户界面（GUI）的设计、多媒体控制、事件处理以及与外部媒体文件的交互。下面将详细阐述这些方面： 1. **图形用户界面设计*...

    大学毕业设计---基于android音乐播放器的设计与实现专科.doc

    界面设计模块的功能需求包括音乐播放器的主界面设计、音乐列表界面设计、播放控制界面设计等方面。 五、后台通讯模块 后台通讯模块是音乐播放器的关键模块之一，主要负责音乐播放器的数据交互和网络通讯。后台通讯...

    pyqt qt designer 实现音乐播放器界面设计

    在本文中，我们将深入探讨如何使用PyQt和Qt Designer来创建一个音乐播放器的界面设计。PyQt是一个Python模块，它提供了对Qt库的接口，而Qt Designer则是一个可视化工具，用于构建用户界面（UI）。适合初学者学习，...

    CD Player_cd player_cd player.e_player_播放器_播放器 界面

    "播放器_界面"表明此项目特别注重用户体验，特别是播放器的交互界面设计。 【描述】描述中提到“一个cd播放器的源代码，个性化界面非常精致”，这暗示该CD Player不仅具备基本的播放、暂停、停止、快进、后退等功能...

    c#课程设计媒体播放器源码

    【文件名称列表】：虽然只提供了“媒体播放器”这一文件名，但通常一个完整的媒体播放器项目会包含多个文件，如主程序文件（如Program.cs）、用户界面文件（如Form1.cs）、媒体处理类文件（如MediaPlayer.cs）、配置...

    android音乐播放器的设计与实现毕业论文设计论文.doc

    Android 音乐播放器的主界面实现主要包括歌曲列表界面、播放控制界面、皮肀更换界面等。歌曲列表界面是指 Android 音乐播放器的歌曲列表界面，例如显示歌曲名称、艺术家名称、时长等信息。播放控制界面是指 Android ...

    基于USB主机的多媒体播放器的设计与实现

    综上所述，基于USB主机的多媒体播放器设计与实现是一个涉及硬件接口、文件系统、多媒体编码解码、用户界面设计等多个领域的综合性项目，需要跨学科的知识和技能，才能成功构建一个功能完善、用户体验良好的播放器...

    基于GEC6818开发板的智能多媒体播放器C源码+项目说明(含界面设计+功能设计)

    基于GEC6818开发板的智能多媒体播放器（Smart multimedia player），界面设计以及功能设计。 《智能多媒体播放器》 功能： 开机加载界面； 主界面显示滚球； 主界面显示四张logo加代号和编号； 主界面有按键带标识；...

    易语言播放器界面

    1. **窗口程序设计**：易语言中的窗口程序是应用程序的基础，播放器界面的主窗口需要设置合适的大小、位置以及背景色，同时还要添加各种控件来实现播放功能。窗口程序的设计需要考虑到窗口事件的处理，如窗口打开、...

    Android 音乐播放器界面美化版

    在Android平台上，开发一款音乐播放器是常见的应用场景，特别是对于那些热衷于界面设计和用户体验的开发者来说，创建一个美观的音乐播放器界面是至关重要的。"Android音乐播放器界面美化版"项目就是一个专注于提升...

    毕业论文-Qt毕业设计 仿快播播放器.pdf

    界面设计主要涉及到播放器客户端的界面设计，包括播放器主界面和子界面的设计。 4. 播放器功能实现：播放器功能实现主要涉及到播放器的各个功能的实现，包括视频播放、音频播放、媒体库管理等功能的实现。 5. 测试和...

    网页音乐播放器的设计与开发（报告书）

    - 播放器主界面：展示当前播放的歌曲信息，包括歌曲名、歌手、专辑封面等，并提供播放控制（播放/暂停、上一首/下一首）。 - 搜索功能：用户可以通过输入关键词搜索喜欢的歌曲。 - 小标签：可能指的是多任务处理...

Magicbox
Global site tag (gtag.js) - Google Analytics