现在的位置: 首页 > 综合 > 正文

android应用开发 MP3播放器开发(二)UI设计与布局

2014年08月29日 ⁄ 综合 ⁄ 共 6152字 ⁄ 字号 评论关闭

歌曲列表布局文件:

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:id="@+id/RelativeLayoutList"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:background="@drawable/bg5"  
    android:orientation="vertical" > 
     <LinearLayout
	    android:id="@+id/LinearLayoutShow"	android:orientation="horizontal"
	    android:layout_width="fill_parent"	android:layout_height="wrap_content">
    <ImageButton 
   	    android:id="@+id/playActivity"
   	    android:layout_width="wrap_content"
   	    android:layout_height="wrap_content"
   	    android:src="@drawable/song_play"
   	    android:layout_marginLeft="5dip"
   	    android:background="#00000000"
   	    android:layout_marginTop="5dip"
   	    />
    <TextView 
        android:id="@+id/AllSongNum"
        android:layout_width="fill_parent"
        android:layout_height="30dip"
		android:textSize="8pt"
		android:layout_marginLeft="5dip"
		android:layout_marginTop="10dip"
        />
    </LinearLayout>
    
    <LinearLayout
	    android:id="@+id/listLinearLayout"	android:orientation="vertical"
	    android:layout_width="fill_parent"	android:layout_height="wrap_content">
        
    <!-- java.lang.RuntimeException: Your content must have a ListView whose id attribute is 'android.R.id.list' -->
    <ListView
        android:id="@id/android:list"
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content" 
        android:scrollbars="vertical"
        android:drawSelectorOnTop="false"
        android:cacheColorHint="#00000000"	 >  
    </ListView>
    
    </LinearLayout>
</LinearLayout>

歌曲条目布局文件:

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingBottom="1dip"
    android:paddingLeft="5dip"
    android:paddingRight="5dip"
    android:paddingTop="1dip"
    >
    <TextView
        android:id="@+id/title"
        android:layout_width="fill_parent"
   		android:layout_height="28dip"
   		android:textSize="7pt"
   		android:singleLine="true"
   		android:paddingTop="6dip"
   	/>
    <TextView
        android:id="@+id/Artist"
        android:layout_width="fill_parent"
   		android:layout_height="14dip"
   		android:textSize="4pt"
   		android:layout_below="@id/title"
   	/>
</RelativeLayout>

播放界面布局文件:

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:id="@+id/LinearLayoutPlayer"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg5"
    >
     	
    <TextView 
        android:id="@+id/songName"
        android:layout_width="match_parent"
        android:layout_height="55dip"
        android:text="@string/song_name"
        android:padding="15dip"
        android:singleLine="true"
        android:textSize="7pt"
    />
	    
    <TextView 
        android:id="@+id/lrcText"
        android:layout_width="match_parent"
        android:layout_height="410dip"
        android:text="@string/lrc_text"
        android:padding="10dip"        
        />
        
    <!--
    	SeekBar是ProgressBar的扩展,在其基础上增加了一个可拖动的thumb
		SeekBar - 可拖动的进度条控件
		max - 进度的最大值
		progress - 第一进度位置
		secondaryProgress - 第二进度位置
	-->
    <SeekBar 
         android:layout_gravity="center_horizontal"
         android:thumbOffset="0dip"
       	 android:minHeight="6dip" 
       	 android:maxHeight="6dip" 
       	 android:progressDrawable="@drawable/seekbarstyle" 
       	 android:layout_height="wrap_content" 
       	 android:layout_width="320dip" 
       	 android:max="100" 
       	 android:paddingLeft="5dip" 
       	 android:paddingRight="5dip" 
       	 android:scrollbarStyle="outsideOverlay" 
       	 android:progress="0" 
       	 android:thumb="@drawable/thumb" 
       	 android:paddingBottom="0dip" 
       	 android:id="@+id/playformSeekBarPlay"
       	 >
    </SeekBar>
    
    <!--歌词时间显示  -->
    <LinearLayout
        android:id="@+id/LinearTimeControl"
	    android:orientation="horizontal"
	    android:layout_marginTop="3dip"
	    android:layout_width="match_parent"
	    android:layout_height="20dip"
        >
        
        <TextView 
	        android:id="@+id/startTime"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:text="@string/startTime"
	        android:textSize="6pt"
    	/>
        <TextView 
	        android:id="@+id/endTime"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:text="@string/endTime"
	        android:textSize="6pt"
	        android:paddingLeft="240dip"
    	/>
        
    </LinearLayout>
    
    <LinearLayout 
        android:id="@+id/LinearLayoutControl"
	    android:orientation="horizontal"
	    android:layout_marginTop="6dip"
	    android:layout_width="match_parent"
	    android:layout_height="30dip"
        >
        
        <!-- android:background="#00000000"设置透明效果 -->
        <ImageButton
       		android:id="@+id/playMode"
       		android:layout_height="wrap_content"
       		android:layout_width="wrap_content"
       		android:src="@drawable/list_loop"
       		android:background="#00000000"
       		android:paddingLeft="10dip"
        	/>
        
        <ImageButton 
            android:id="@+id/last"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/last"
            android:background="#00000000"
            android:paddingLeft="25dip"
            />
        <ImageButton 
            android:id="@+id/playSong"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00000000"
            android:layout_marginLeft="20dip"
            />
        <ImageButton 
            android:id="@+id/next"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/next"
            android:background="#00000000"
            android:paddingLeft="15dip"
            />
        <ImageButton 
            android:id="@+id/listSong"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/list"
            android:background="#00000000"
            android:paddingLeft="25dip"
            />
    </LinearLayout>
    
</LinearLayout>

AndroidManifest.xml 配置Activity Service

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.mp3player"
    android:versionCode="1"
    android:versionName="1.0" >

    <!-- 访问sdcard权限-->
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    
    <uses-sdk
        android:minSdkVersion="7"
        android:targetSdkVersion="10" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@android:style/Theme.Black.NoTitleBar" >
        <activity
            android:name="com.activity.mp3player.MainActivity"
            android:label="@string/app_name" >
        </activity>
        
        <activity android:name="com.activity.mp3player.Mp3ListActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
            
        </activity>
        
        <activity android:name="com.activity.mp3player.PlayerActivity">
            
        </activity>
        
        <!-- 注册service -->
        <service android:name="com.mp3player.service.PlayerService"></service>
        
    </application>

</manifest>





抱歉!评论已关闭.