New Layout Editor with Constraint Layout

Transcript

1. /FX
   -BZPVU
   &EJUPS
   
   XJUI
   $POTUSBJOU-BZPVU ࢤำ
   ါل !TIJIPDIBO !QPUBUPUJQT
    
2. ࣗݾ঺հ ࢤำ
   ါلʢ͠΄
   Ώ͏͖ʣ !TIJIPDIBO !TIJIPDIBOEFTV
4. Introducing ConstraintLayout
5. (PPHMF
   *0
   Ͱൃද͞Εͨ৽͍͠ϨΠΞ΢τ
   ϨΠΞ΢τΛϚςϦΞϧσβΠϯʹ४ڌͨ͠࠷దͳҐ ஔʹࣗಈௐ੔
   ಛ௃
   (6*ϕʔεͰϨΠΞ΢τΛ࡞੒
   "OESPJE
   4UVEJP͕ࣗಈͰYNMΛੜ੒
   "VUP$POOFDUͱ*OGFSFODFʹΑΔϨΠΞ΢τ੍໿
   "1*
   dରԠ "CPVU
   $POTUSBJOU-BZPVUʢʣ
6. ࢖༻ཁ݅
   "OESPJE
   4UVEJP
   W
   QSFWJFXd
   +%,
   d "CPVU
   $POTUSBJOU-BZPVUʢʣ
7. $POTUSBJOU-BZPVU
   ಋೖʢʣ a. Click Tools > Android > SDK Manager. b. Click the SDK Tools tab. c. Select Android Support Repository, then click OK. 1. Ensure you have the latest Android Support Repository (version 32 or higher):
8. $POTUSBJOU-BZPVU
   ಋೖʢʣ dependencies { compile 'com.android.support.constraint:constraint-layout:1.0.0-alpha1' } 2. Add the Constraint Layout library as a dependency in your build.gradle file: 3. In the toolbar or sync notification, click Sync Project with Gradle Files.
9. $POTUSBJOU-BZPVU
   ಋೖʢʣ 4. Create Layout resource file and Add ConstraintLayout. <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.constraint.ConstraintLayout> 5. Select Design tab and makes layout.
10. "VUP$POOFDU
    JO
    BDUJPO
11. "EEJOH
    B
    DPOTUSBJOU
    UP
    UIF
    MBZPVU
    FEHF
12. "
    DPOTUSBJOU
    CFUXFFO
    UXP
    WJFXT Adding a constraint to the anchor on another view Adding a baseline constraint between views
13. $FOUFSJOH
    B
    WJFX
    CZ
    BEEJOH
    B
    DPOTUSBJOU
    PO
    CPUI
    TJEFT
14. 5IF
    1SPQFSUJFT
    XJOEPX
15. খن໛Ͱόϯυϧ͞Ε͍ͯͳ͍ϥΠϒϥϦ
    "1*
    d
    ରԠ
    ։ൃεϐʔυͷ޲্
    ύϑΥʔϚϯεͷ޲্
    ϨΠΞ΢τͷෆཁͳωετ͕ݮΔ 
16. ੜ੒͞ΕͨYNMͷՄಡੑ͕ѱ͍
    BUUSJCVUFT͕ଟ͍
    ίʔυϨϏϡʔ͕Ͱ͖ͳ͍
    ੜ੒͞ΕͨYNMʹखΛೖΕͳ͍΄͏͕ྑͦ͞͏ɾɾɾ