レイアウトを使い回す〜ConstraintLayout編〜

by sussan0416

Slide 1

Slide 1 text

ϨΠΞ΢τΛ࢖͍ճ͢ ʙ$POTUSBJOU-BZPVUฤʙ ླ໦޹޺ʢ!TVTTBOʣ ͋Δ͋Δ-5ʙεϚϗΞϓϦ։ൃΤϯδχΞʙ7PM

Slide 2

Slide 2 text

ϑϦʔϥϯεʢJ04w"OESPJEΤϯδχΞʣ ླ໦޹޺ !TVTTBO ɹגࣜձࣾΦʔϧΞό΢τ ɹגࣜձࣾωετΤοά ɹϑϦʔϥϯεʹస޲ $MBTTJɹ݄ΑΓδϣΠϯ $BGF4OBQɹձࣾһ࣌୅ΑΓܧଓ

Slide 3

Slide 3 text

ࠓ೔͓࿩͢Δ͜ͱ $POTUSBJOU-BZPVUʹ͓͚Δ ϨΠΞ΢τͷ࢖͍·Θ͠ํ ܁Γฦ͠࢖͏ϨΠΞ΢τ͸ɺผͷϑΝΠϧʹ੾Γग़ͯ͠ มԽʹڧ͍ϨΠΞ΢τΛ࡞Ζ͏ʂ

Slide 4

Slide 4 text

೥લʹɺ͜Μͳ2JJUBΛॻ͖·ͨ͠ ʢ࠷ۙ·ͨɺ͍͍Ͷ͞ΕΔΑ͏ʹͳ͖ͬͯͨʣ

Slide 5

Slide 5 text

ͦ͏͍͑͹ʜʜ $POTUSBJOU-BZPVUͰ Ͳ͏΍Δͷ͔ॻ͍͍ͯͳ͍ʜ ஸ౓ྑ͍ػձͳͷͰɺ΍ͬͯΈ·ͨ͠ ͢Ͱʹ஌͍ͬͯΔํɺ͢Έ·ͤΜN @@ N

Slide 6

Slide 6 text

ͬ͘͟Γखॱ w ڞ௨Խ͢ΔϨΠΞ΢τΛఆٛ w JODMVEFͰϨΠΞ΢τΛಡΈࠐΉ w $POTUSBJOUΛద੾ʹઃఆ͢Δ ͨͬͨͷεςοϓʂ

Slide 7

Slide 7 text

࣮૷αϯϓϧ

Slide 8

Slide 8 text

࣮૷αϯϓϧ ͭͷ5FYU7JFXΛάϧʔϓԽ͠·ͨ͠

Slide 9

Slide 9 text

ڞ௨Խ͢ΔϨΠΞ΢τΛఆٛ

Slide 10

Slide 10 text

ڞ௨Խ͢ΔϨΠΞ΢τΛఆٛ NFSHFʹ͸ͤͣɺ7JFX(SPVQʹͨ͠ $POTUSBJOU-BZPVUͰ΋0,

Slide 11

Slide 11 text

ڞ௨Խ͢ΔϨΠΞ΢τΛఆٛ JODMVEFͨ͠ઌͰPWFSSJEF͞ΕΔɻ JODMVEFઌʹ߹ΘͤΔ΄͏͕࡞ۀָ͕

Slide 12

Slide 12 text

ڞ௨Խ͢ΔϨΠΞ΢τΛఆٛ NFSHFͷ৔߹ 7JFX(SPVQͷ৔߹ ࢠϊʔυ͕JODMVEFઌʹల։͞ΕΔ ˠଞͷ7JFXʹର͢Δ$POTUSBJOUͷࢦఆ͕ඞཁ ˠ੾Γग़ͨ͠͸͕ͣɺJODMVEFઌʹ͋Δ7JFXΛ஌͍ͬͯΔঢ়ଶʹͳΔʢີ݁߹ʣ ˞ը૾͸JODMVEF͢ΔϨΠΞ΢τ͕ɺ$POTUSBJOUϨΠΞ΢τͷ৔߹ʢUPQ CPUUPN TUBSU FOEΛQBSFOUʹઃఆͨ͠ʣ

Slide 13

Slide 13 text

JODMVEFͰϨΠΞ΢τΛಡΈࠐΉ$POTUSBJOUΛద੾ʹઃఆ͢Δ

Slide 14

Slide 14 text

JODMVEFͰϨΠΞ΢τΛಡΈࠐΉ$POTUSBJOUΛద੾ʹઃఆ͢Δ JODMVEFλάΛઃஔ͠ɺ MBZPVUଐੑͰɺಡΈࠐΉϨΠΞ΢τΛࢦఆ͢Δ

Slide 15

Slide 15 text

JODMVEFͰϨΠΞ΢τΛಡΈࠐΉ$POTUSBJOUΛద੾ʹઃఆ͢Δ MBZPVU@ଐੑΛ࢖͏ͨΊɺ MBZPVU@XJEUI MBZPVU@IFJHIUΛΦʔόʔϥΠυ

Slide 16

Slide 16 text

JODMVEFͰϨΠΞ΢τΛಡΈࠐΉ$POTUSBJOUΛద੾ʹઃఆ͢Δ ͋ͱ͸ීஈͲ͓Γͷ$POTUSBJOUΛ͚ͭΔ

Slide 17

Slide 17 text

JODMVEFͰϨΠΞ΢τΛಡΈࠐΉ$POTUSBJOUΛద੾ʹઃఆ͢Δ ϓϩάϥϜ͔Βѻ͏ʹ͸ɺJEΛ͚͓ͭͯ͘

Slide 18

Slide 18 text

%FTJHOϏϡʔͷ1BMFUUFΛ࢖͏΄͏͕ѹ౗తʹָʂ JODMVEFͰϨΠΞ΢τΛಡΈࠐΉ$POTUSBJOUΛద੾ʹઃఆ͢Δ

Slide 19

Slide 19 text

7JFXΛϓϩάϥϜ͔Βѻ͏ʹ͸ class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // findViewByIdͰɺViewGroupͷIDΛࢦఆ͠ɺ͞Βʹ΋͏Ұ౓findViewByIdΛॏͶΕ͹ɺViewΛऔಘͰ͖Δ val title1 = findViewById(R.id.include_1).findViewById(R.id.title) title1.text = "The first title" // ViewGroupΛࢦఆ͠ͳ͔ͬͨ৔߹͸ɺ࠷ॳʹग़ݱ͢ΔView͕ର৅ʹͳΔ val subtitle1 = findViewById(R.id.subtitle) subtitle1.text = "The first subtitle" // Kotlin Android Extensions include_2.title.text = "Second title" include_2.subtitle.text = "Second subtitle" include_3.title.text = "Third title" include_3.subtitle.text = "Third subtitle" } } pOE7JFX#Z*EΛ౓ݺͿʢJODMVEF৔ॴͷJEͱɺϓϩάϥϜ͔Βѻ͏7JFXͷJEʣ "OESPJE,59Λ࢖༻͢ΔͱɺΊͬͪΌָ

Slide 20

Slide 20 text

·ͱΊ ੾Γग़ͨ͠ϨΠΞ΢τͷ9.- ಡΈࠐΉํͷ9.- w ಡΈࠐΉઌ͕$POTUSBJOU-BZPVU ͷ৔߹NFSHFͰ͸ͳ͘ɺ 7JFX(SPVQʹ͢Δ w MBZPVU@XJEUI MBZPVU@IFJHIU ͸ɺJODMVEFઌͱ߹Θ͓ͤͯ͘ͱ ࡞ۀָ͕ w JODMVEFͱMBZPVUଐੑͰɺଞͷ ϨΠΞ΢τΛಡΈࠐΊΔ w MBZPVU@ଐੑ͕ඞཁͳͷͰɺ MBZPVU@XJEUI MBZPVU@IFJHIUΛ ΦʔόʔϥΠυ͢Δ w %FTJHOϏϡʔ1BMFUUF͕͍ͩͨ ͍΍ͬͯ͘ΕΔ