iT邦幫忙

DAY 26
2

Android APP 30天開發實戰系列 第 23

Android App 開發日記 - 我的隨身筆記本(6)

  • 分享至 

  • xImage
  •  

Android App 開發專案過程分享
http://ithelp.ithome.com.tw/ironman6/player/xq3da2/dev/1
筆記標記頁籤

為了呈現筆記資料的列表內容,設計成一個表格樣式,帶出標題列和資料列,標題列是固定位置,資料列則可以捲軸帶出更多資料內容,因此使用一個 TableLayout 元件來處理。

todo.xml

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="top"
    >
    <TableRow>
        <TextView
            android:layout_column="0"
            android:text="@string/priority"
            android:textSize="16dip" 
            android:textStyle="bold"
            android:padding="3dip"
            android:width="64px"
            />
        <TextView
            android:layout_column="1"
            android:text="@string/note_title"
            android:textSize="16dip" 
            android:textStyle="bold"
            android:padding="3dip"
            />
    </TableRow>

    <View
        android:layout_height="1px"
        android:background="#FFff0000" />

	<ScrollView
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
	    android:gravity="top"
		>
		<TableLayout 
			android:id="@+id/table"
		    android:layout_width="fill_parent"
		    android:layout_height="fill_parent"
		    android:gravity="top"
		    >
		</TableLayout>
	</ScrollView>
</TableLayout>

垃圾桶頁籤

跟筆記資料頁籤類似,只是下方多了一列含有兩個固定位置的刪除按鈕。

done.xml

<?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"
	>
	<TableLayout
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
	    android:gravity="top"
	    >

	    <TableRow>
	        <TextView
	            android:layout_column="0"
	            android:text="@string/delete"
	            android:textSize="16dip" 
	            android:textStyle="bold"
	            android:padding="3dip"
	            android:width="64px"
	            />
	        <TextView
	            android:layout_column="1"
	            android:text="@string/note_title"
	            android:textSize="16dip" 
	            android:textStyle="bold"
	            android:padding="3dip"
	            />
	    </TableRow>
	
	
	    <View
	        android:layout_height="1px"
	        android:background="#FFffff00" />
	
		<ScrollView
		    android:layout_width="fill_parent"
		    android:layout_height="wrap_content"
		    android:gravity="top"
			>
			<TableLayout 
				android:id="@+id/donetable"
			    android:layout_width="fill_parent"
			    android:layout_height="fill_parent"
			    android:gravity="top"
			    >
			</TableLayout>
		</ScrollView>
	
	</TableLayout>
	<LinearLayout
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:orientation="horizontal"
		android:layout_alignParentBottom="true"
		android:gravity="center_horizontal"
		android:weightSum="2"
		>
		<Button
			android:id="@+id/delchecked"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:text="刪除已選"
			android:layout_weight="1"
			/>
		<Button
			android:id="@+id/delall"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:text="全部刪除"
			android:layout_weight="1"
			/>
	</LinearLayout>
</RelativeLayout>

組態設定頁籤

含有組態項目文字及一個下拉式按鈕,外層使用 RelativeLayout。

config.xml

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

	<TextView
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:background="#ffff00"
		android:textColor="#ff0000"
		android:textSize="24px"
		android:textStyle="bold"
		android:text="@string/setting"
		/>
		
	<RelativeLayout
		android:layout_marginTop="12px"
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		>
		<TextView
			android:layout_alignParentLeft="true"
		  	android:layout_width="wrap_content"
		  	android:layout_height="wrap_content"
		  	android:text="@string/default_priority"
		  	android:textSize="24px"
			/>
		<Spinner
	        android:id="@+id/default_priority"
			android:layout_alignParentRight="true"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:prompt="@string/default_priority"
	        />
	</RelativeLayout>  
	
</LinearLayout>

上一篇
Android App 開發日記 - 我的隨身筆記本(5)
下一篇
Android App 開發日記 - 我的隨身筆記本(7)
系列文
Android APP 30天開發實戰27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言