proteus

: โปรแกรมเค้าโครง Android

Proteus มีไว้เพื่อทดแทนแบบดรอปอินสำหรับ LayoutInflater ของ Android แต่ไม่เหมือนกับเลย์เอาต์ XML ที่คอมไพล์แล้วซึ่งรวมอยู่ใน APK นั้น Proteus จะขยายเลย์เอาต์ในขณะรันไทม์ ด้วย Proteus คุณสามารถควบคุมเค้าโครงแอพของคุณจากแบ็กเอนด์ (ไม่มี WebViews) ลืมรหัสสำเร็จรูปเพื่อ findViewById ส่งไปที่ TextView แล้ว setText() Proteus มีการผูกข้อมูลรันไทม์และตัวจัดรูปแบบ ปลั๊กอินในมุมมองและคุณลักษณะและฟังก์ชันที่คุณกำหนดเองเพื่อปรับแต่งรสชาติตามความต้องการของคุณ

• เริ่มต้นใช้งาน
• มันทำงานอย่างไร
• ทรัพยากร
• มีส่วนร่วม
• ใบอนุญาต
• ผู้ร่วมให้ข้อมูล
• สแต็คโอเวอร์โฟลว์

เริ่มต้นใช้งาน

ไล่ระดับ (ไล่ระดับ 4.10.*)

 // Add it in your root build.gradle at the end of repositories:
allprojects {
    repositories {
        google ( )
        jcenter ( )
        maven { url 'https://jitpack.io' }
    }
} 

 // Add in your app level dependency
dependencies {
    implementation 'com.github.flipkart-incubator.proteus:proteus-core:5.0.1'
    implementation 'com.github.flipkart-incubator.proteus:gson-adapter:5.0.1'
    implementation 'com.github.flipkart-incubator.proteus:cardview-v7:5.0.1'
    implementation 'com.github.flipkart-incubator.proteus:design:5.0.1'
    implementation 'com.github.flipkart-incubator.proteus:recyclerview-v7:5.0.1'
    implementation 'com.github.flipkart-incubator.proteus:support-v4:5.0.1'
}

มันทำงานอย่างไร

แทนที่จะเขียนเลย์เอาต์ใน XML เลย์เอาต์ ของโพรทูส จะอธิบายไว้ใน JSON ซึ่งสามารถใช้เพื่อขยาย UI ดั้งเดิมของ Android เมื่อรันไทม์ เค้าโครง JSON สามารถโฮสต์ได้ทุกที่ (บนอุปกรณ์ บนเซิร์ฟเวอร์ ฯลฯ)

เค้าโครง จะกำหนดลำดับชั้นของมุมมอง เช่นเดียวกับ XML

ข้อมูล (เป็นทางเลือก) กำหนดการผูกข้อมูล การเชื่อมโยงข้อมูลเหล่านี้คล้ายคลึงกับไลบรารี Data Binding ของ Android

มอบ layout และ data ให้กับ ProteusLayoutInflater และรับลำดับชั้นมุมมองดั้งเดิมกลับคืนมา

ดูวิดีโอนี้เพื่อดูการทำงาน

เค้าโครงตัวอย่าง

 {
  "type" : "LinearLayout" ,
  "orientation" : "vertical" ,
  "padding" : "16dp" ,
  "children" : [ {
    "layout_width" : "200dp" ,
    "gravity" : "center" ,
    "type" : "TextView" ,
    "text" : "@{user.profile.name}"
  } , {
    "type" : "HorizontalProgressBar" ,
    "layout_width" : "200dp" ,
    "layout_marginTop" : "8dp" ,
    "max" : 6000 ,
    "progress" : "@{user.profile.experience}"
  } ]
} 

ข้อมูลตัวอย่าง

 {
  "user" : {
    "profile" : {
      "name" : "John Doe" ,
      "experience" : 4192
    }
  }
}

ตัวอย่างโค้ด Java

 ProteusView view = proteusLayoutInflater . inflate (< layout >, < data >);
container . addView ( view . getAsView ());

เอาท์พุต

การตั้งค่าแอปสาธิต

แอปสาธิตจะช่วยให้คุณสามารถเล่นกับโพรทูสและช่วยให้คุณเข้าใจระบบภายในได้ดีขึ้น

• ติดตั้ง NodeJS ที่นี่
• เปิดเทอร์มินัล
• cd ลงในไดเรกทอรีโครงการ
• วิ่ง npm start
• เริ่มโปรแกรมจำลอง AVD
• ติดตั้งแอปสาธิต

พร้อมที่จะคนจรจัด

• ปรับแต่งเค้าโครงและข้อมูล
• กด FAB เพื่อรีเฟรชแอป

ทรัพยากร

• คำถามที่พบบ่อย
• คู่มือโดยละเอียด
• การอ้างอิง API อยู่ระหว่างการปรับปรุง
• ดรอยด์คอน ทอล์ค
• วิดีโอสาธิต

โมดูลที่รองรับ

• วิดเจ็ต Android ดั้งเดิม
• การ์ดวิว v7
• ไลบรารีการออกแบบ Android
• RecyclerView เวอร์ชัน 7.1
• การสนับสนุน Android เวอร์ชัน 4

มีส่วนร่วม

ยังไง?

วิธีที่ง่ายที่สุดในการสนับสนุนคือการฟอร์ก Repo ทำการเปลี่ยนแปลง และสร้าง Pull Request

อะไร

• การเพิ่มตัวประมวลผลมุมมองและแอตทริบิวต์ใหม่
• การเพิ่มฟังก์ชั่นใหม่
• การเพิ่ม JavaDoc และ Wiki
• ทำ TODO ให้เสร็จสิ้น
• การเขียนแบบทดสอบหน่วย
• ค้นหาข้อบกพร่องและปัญหา (ส่งที่นี่)
• แก้ไขข้อบกพร่องและปัญหาต่างๆ
• ใช้เครื่องมือประสิทธิภาพ/การเปรียบเทียบ

ใบอนุญาต

อาปาเช่ เวอร์ชัน 2.0

หากคุณใช้โพรทูส ให้ลองดูกระป๋อง ไม่สามารถใช้ และจำเป็น

ผู้ร่วมให้ข้อมูล

คุณสามารถตรวจสอบผู้มีส่วนร่วมได้ที่นี่ แต่หากคุณต้องการติดต่อเรา เพียงแค่ส่งจดหมาย

• อทิตยาชารัต
• เดอะคิรันกุมาร์
• ยาสิร์มเอชดี

สแต็คโอเวอร์โฟลว์

พบกับเราได้ที่ StackOverflow ที่ Proteus

ปลั๊กอิน

ปลั๊กอินการแปลง XML เป็น JSON เพียงคลิกเดียว

ดาวน์โหลดปลั๊กอินนี้ (ในรุ่นเบต้า) สำหรับ Android Studio เมื่อเปิดใช้งานแล้ว คุณสามารถเลือกไฟล์ทรัพยากร Android XML ใดก็ได้ และไปที่ เครื่องมือ > Proteus > แปลง XML เป็น JSON