Analytics

วันพุธที่ 30 มกราคม พ.ศ. 2556

การเขียน Application บน Android ตอนที่ 1

จะแนะนำการเขียน Application บน Android แบบง่าย คือใช้ JQuery JavaScript ในการทำหน้าเพจ เลียนแบบการทำงานของ App ในโทรศัพท์ไว้บน Host ของเราก่อน วิธีการเขียน JQuery ให้ใช้ Listing โหลดและอ่านวิธีใช้เป็นภาษาอังกฤษได้ที่ http://jquerymobile.com/ โดยปกติเราจะใช้รูปแบบของ Thumbnail ในการเขียน

ลักษณะของ Code เป็นดังนี้
<div data-role="content">
		<div class="content-primary">	
		<ul data-role="listview">
			<li><a href="index.html">
				<img src="images/album-bb.jpg" />
				<h3>Broken Bells</h3>
				<p>Broken Bells</p>
			</a></li>
			<li><a href="index.html">
				<img src="images/album-hc.jpg" />
				<h3>Warning</h3>
				<p>Hot Chip</p>
			</a></li>
                 </ul>
                 </div>
</div>
อธิบายคือให้ใช้ tag <ul data-role="listview"> ใน <div class="content-primary">

สำหรับส่วนหัวของ Code เป็นดังนี้
<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>jQuery Mobile Docs - Lists with Thumbnails</title> 
	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.3.0-beta.1.css" />  
	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>

	<script src="//code.jquery.com/jquery-1.7.1.min.js"></script>
	<script src="../../docs/_assets/js/jqm-docs.js"></script>
	<script src="../../js/jquery.mobile-1.3.0-beta.1.js"></script>

</head> 
อธิบาย มีการเรียกใช้ .css หรือคือ StyleSheet 2 ไฟล์ .js 3 ไฟล์

 
 
 
 
 

ไม่มีความคิดเห็น:

แสดงความคิดเห็น