โหลดฟรี ionic material ตัวปรับแต่ง สำหรับประยุกต์เพิ่มเติม

27 October 2016 เขียนเมื่อ 6 ปีก่อน โดย Ninenik Narkdee

ionicmaterial ionicframework

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ ionicmaterial ionicframework

ionic material ตัวปรับแต่งที่นำมาให้ดาวน์โหลดนี้ เป็นตัวเดียวกันใน

บทความ

ศึกษาและใช้งาน ionic material จาก demo เบื้องต้น

http://www.ninenik.com/content.php?arti_id=696 via @ninenik

โดยได้อธิบายการทำงานในส่วนต่างไว้แล้วในบทความ ionic material

ทั้ง 3 ตอน ศึกษาได้จากบทความที่เกี่ยวข้อง

อยากไรก็ดี การปรับในส่วนของ demo เดิม เพื่อให้เป็นตัวตั้งต้นสำหรับ

การศึกษาการสร้าง app android ด้วย ionic material เพิ่มเติมในอนาคต

และลดขั้นตอน เพิ่มความเร็วในการทำความเข้าใจเนื้อหาใหม่ๆ ได้สะดวกขึ้น

สามารถดาวน์โหลดไฟล์ material001.rar ได้ที่

https://drive.google.com/file/d/0B_WkuzmAa5APYUFkOVlieUlmTFk/view?usp=sharing

โดยในไฟล์จะมีโฟลเดอร์ชื่อ material001 ซึ่งมีส่วนของโค้ด html js css และ

library ที่จำเป็นต้องใช้รวมอยู่ในโฟลเดอร์ www ด้านในอีกที

มาลองสร้าง app จากไฟล์ ปรับแต่งที่โหลดมา กันตามวิธีดังนี้ (สำหรับมือใหม่ให้ไปอ่าน

เนื้อหาเกี่ยวกับการใช้งาน phonegap การตั้งค่าต่างๆ ให้พร้อม หรือสามารถ build apk

ให้ได้ก่อน ใครที่เคยทำแล้ว สามารถดูเนื้อหาต่อไปนี้ และทำความเข้าใจตามไปได้เลย)

สมมติ เราสร้าง app ชื่อ LearnMaterial001 ในโฟลเดอร์ learn001 ชื่อ package คือ com.example.learn001

1. เปิด command prompt พิมพ์

C:\phonegap>phonegap create learn001 com.example.learn001 LearnMaterial001 แล้วกด Enter

2. จากนั้นเข้าไป ในโฟลเดอร์ learn001 แล้วทำสอบสร้าง app ดังนี้

C:\phonegap>cd learn001               
                                                                                                                                                        
C:\phonegap\learn001>phonegap build android

ถ้าไม่มีอะไรผิดพลาดเราจะได้ไฟล์ apk ตัว debug หรือตัวทดสอบ

ชื่อ android-debug.apk อยู่ใน path โฟลเดอร์

C:\phonegap\learn001\platforms\android\build\outputs\apk

แสดงว่าเราพร้อมสำหรับการ build ไฟล์ตัวอย่างแล้ว

3. ต่อไปเราจะนำไฟล์ ionic material ที่ดาวน์โหลดมามาใช้

โดยเริ่มให้ไปลบโฟลเดอร์ www ใน path C:\phonegap\learn001 นี้ออกไปก่อน

จากนั้นนำโฟลเดอร์ www จากไฟล์ที่ดาวน์โหลดมา และแตกไฟล์แล้ว copy

มาวางใน path C:\phonegap\learn001 แทน

4. ทำการ build เพื่อสร้างไฟล์ apk ใหม่อีกครั้งด้วยคำสั่ง

C:\phonegap\learn001>phonegap build android

เราจะได้ไฟล์ apk ตัว debug หรือตัวทดสอบ

ชื่อ android-debug.apk อยู่ใน path โฟลเดอร์

C:\phonegap\learn001\platforms\android\build\outputs\apk

ให้ทำการทดสอบติดตั้งในมือถือ android ของเรา จะได้หน้าตา app ประมาณนี้

app ตัวอย่างหรือ app ตั้งต้นสำหรับศึกษาการใช้งานเพิ่มเติม

จะประกอบไปด้วยหน้า login register profile มี side menu ด้านซ้าย

หน้าแต่ละหน้าไม่มีการส่งค่าข้อมูลใดๆ เป็นเพียงการลิ้งค์เปลี่ยนหน้าเท่านั้น

กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ

เนื้อหาที่เกี่ยวข้อง

กำลังอ่านเนื้อหานี้อยู่

27 Oct
2016

โหลดฟรี ionic material ตัวปรับแต่ง สำหรับประยุกต์เพิ่มเติม อ่าน 4,927
ionic material ตัวปรับแต่งที่นำมาให้ดาวน์โหลดนี้ เป็นตัวเดียวกันใน บทความ
30 Nov
2016

แจกตัวอย่างโค้ด ionic material รองรับการตั้งค่า Push Notification อ่าน 8,956
สำหรับในเนื้อหาตอนนี้ จะไม่ได้ลงรายละเอียดเกี่ยวกับโค้ดเพิ่มเติม แต่จะนำตัวอย

Tags:: ionicmaterial ionicframework

URL สำหรับอ้างอิง

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน