Everyone

crane2002

Lollipop

See how to use it in Android Studio as library
https://github.com/alzhuravlev/MockAppDemo

To be short: 
1. Design UI right in your phone
2. Quickly share UI as APK (right from your phone) with your customers
3. Inflate your UI in your Android Studio project in one line of code

This app's UI completely build on MockApp!

Traditionaly UI prototypes are created using great tools like zeplin, figma etc. Developer takes that assets and trying to recreate UI using Android layout XML. If something changed cycle has to be repeated. So we have two bunches of assets: produced by designing tool and Androdi XML that needs to be in keep sync. As we all know that the shorter the dev cycle the better.

So why we couldn't experimenting with UI right in Android UI terms (Views)? When design assets become a real app assets, not just a nice pictures!

The challenge of this tool is to have one bunch of assets for design and production code.
ดูวิธีการใช้ใน Android Studio เป็นห้องสมุด
https://github.com/alzhuravlev/MockAppDemo

จะสั้น:
1. Design UI ในโทรศัพท์ของคุณ
2. แชร์ UI อย่างรวดเร็วเป็น APK (จากโทรศัพท์ของคุณ) กับลูกค้าของคุณ
3. ขยาย UI ของคุณในโครงการ Android Studio ในรหัสเดียว

UI ของแอพนี้สร้างบน MockApp อย่างสมบูรณ์

Traditionaly UI prototypes ถูกสร้างขึ้นโดยใช้เครื่องมือที่ยอดเยี่ยมเช่น zeplin, figma เป็นต้นนักพัฒนาใช้สินทรัพย์นั้นและพยายามสร้าง UI ขึ้นมาใหม่โดยใช้ XML layout Android หากบางสิ่งบางอย่างเปลี่ยนวงจรจะต้องมีการทำซ้ำ ดังนั้นเราจึงมีสินทรัพย์สองกลุ่ม: ผลิตโดยการออกแบบเครื่องมือและ Androdi XML ที่ต้องซิงค์ ในขณะที่เราทุกคนรู้ว่ารอบที่สั้นกว่าจะดีกว่า

เหตุใดเราจึงไม่สามารถทดสอบกับ UI ได้โดยตรงในข้อกำหนดของ Android UI (Views) เมื่อสินทรัพย์ที่ออกแบบกลายเป็นสินทรัพย์ของแอปจริง ๆ ไม่ใช่เพียงแค่รูปภาพที่สวยงาม!

ความท้าทายของเครื่องมือนี้คือการมีสินทรัพย์หนึ่งรายการสำหรับรหัสการออกแบบและการผลิต


\u0e17\u0e33\u0e43\u0e2b\u0e49 mockup UI \u0e08\u0e23\u0e34\u0e07! \u0e07\u0e48\u0e32\u0e22

MockApp

เวอร์ชั่นล่าสุดของMockApp

เวอร์ชั่นอื่น