編輯電子書 - 自製ListView項目顯示樣式

書名：

型號：

價格：

簡介：

內容：

<div class="txt01" style="line-height: 24px; font-size: 15px; color: rgb(46, 124, 167); font-family: Arial, 新細明體; position: relative; left: 0px; width: 570px; background-color: rgb(255, 255, 255);">
<div class="txt01" style="position: relative; left: 24px; width: 560px;">
<table style="table-layout:fixed; word-break:normal; word-wrap:break-word">
	<tbody>
		<tr>
			<td>ArrayAdapter本身能將列表資源透過TextView的視圖來呈現列表資訊，不過若想要在ListView列表容器中顯示多樣圖文資訊在每一個列表項目內，就必須透過客製化的方式來實施。因此Android API中提供SimpleAdapter適配器讓開發者可以自訂ListView中的項目Layout布局。</td>
		</tr>
	</tbody>
</table>
</div>
</div>

<div style="font-family: Arial, 新細明體; background-color: rgb(255, 255, 255);">
<table>
	<tbody>
		<tr>
			<td><img id="Img" src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/1_3_1.jpg" style="height:400px; width:391px" /></td>
		</tr>
		<tr>
			<td>
			<p>&nbsp;</p>
			</td>
		</tr>
	</tbody>
</table>
</div>

<div style="font-family: Arial, 新細明體; background-color: rgb(255, 255, 255);">
<table>
	<tbody>
		<tr>
			<td>
			<p>&nbsp;</p>
			</td>
			<td>
			<table align="center" border="0" cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_l01.gif" style="height:13px; width:13px" /></td>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_t01.gif" style="height:13px; width:13px" /></td>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_l03.gif" style="height:13px; width:13px" /></td>
					</tr>
					<tr>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_t02.gif" style="height:13px; width:13px" /></td>
						<td><img id="img1" src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/1_3_2.jpg" style="cursor:pointer; height:429px; width:500px" title="點圖觀看大圖" /></td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_l02.gif" style="height:13px; width:13px" /></td>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_t03.gif" style="height:13px; width:13px" /></td>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_l04.gif" style="height:13px; width:13px" /></td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr>
			<td>
			<p>&nbsp;</p>
			</td>
		</tr>
	</tbody>
</table>
</div>

<div class="txt01" style="line-height: 24px; font-size: 15px; color: rgb(46, 124, 167); font-family: Arial, 新細明體; position: relative; left: 0px; width: 570px; background-color: rgb(255, 255, 255);">&nbsp;</div>

<div class="txt01" style="line-height: 24px; font-size: 15px; color: rgb(46, 124, 167); font-family: Arial, 新細明體; position: relative; left: 0px; width: 570px; background-color: rgb(255, 255, 255);">
<div class="txt01" style="position: relative; left: 24px; width: 560px;">
<table style="table-layout:fixed; word-break:normal; word-wrap:break-word">
	<tbody>
		<tr>
			<td>需針對ListView的內容，自訂layout，如下圖自訂一個row.xml。</td>
		</tr>
	</tbody>
</table>
</div>
</div>

<div style="font-family: Arial, 新細明體; background-color: rgb(255, 255, 255);">
<table>
	<tbody>
		<tr>
			<td>
			<p>&nbsp;</p>
			</td>
			<td>
			<table align="center" border="0" cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_l01.gif" style="height:13px; width:13px" /></td>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_t01.gif" style="height:13px; width:13px" /></td>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_l03.gif" style="height:13px; width:13px" /></td>
					</tr>
					<tr>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_t02.gif" style="height:13px; width:13px" /></td>
						<td><img id="img2" src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/1_3_3.jpg" style="cursor:pointer; height:334px; width:500px" title="點圖觀看大圖" /></td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_l02.gif" style="height:13px; width:13px" /></td>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_t03.gif" style="height:13px; width:13px" /></td>
						<td><img src="http://www.pcschool.tv/scorm12/class/05187TC1/class800/05187tc1/05187tc1_m7_3/images/bor_l04.gif" style="height:13px; width:13px" /></td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>
</div>

上架

封面圖：

當前封面：

支援格式: JPG, PNG, GIF (最大 2MB)

返回列表