[B! layout][UI] pipoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pipo id:pipo

layoutã¨UIã«é–¢ã™ã‚‹pipoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Design Support Library v22.2.0ã«ã¤ã„ã¦ Part 3 - EDIT MODE
Part 1ã§ã¯TextInputLayoutã¨FloatingActionButtonã«ã¤ã„ã¦ã€Part 2ã§ã¯Snackbarã¨CoordinatorLayoutã«ã¤ã„ã¦èª¿ã¹ãŸã“ã¨ã‚’ã€ãã‚Œãžã‚Œæ›¸ãã¾ã—ãŸã€‚ ä»Šå›žã¯ã€TabLayoutã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚ TabLayoutã®æ¦‚è¦ ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ç¢ºèªã™ã‚‹ã¨ã€TabLayoutã‚¯ãƒ©ã‚¹ã¯HorizontalScrollViewã‚¯ãƒ©ã‚¹ã‚’ç¶™æ‰¿ã—ã¦ã„ã¾ã—ãŸã€‚ API Level 20ã¾ã§ä½¿ã‚ã‚Œã¦ã„ãŸActionBar.Tabãªã©ã¨ã¯ã€é–¢é€£ãŒãªã„ã‚ˆã†ã§ã™ã€‚ Tabã®ç”Ÿæˆã«ã¯TabLayout.Tabã‚¯ãƒ©ã‚¹ã®newTab()ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ã„ã¾ã™ã€‚ MaterialDesignã«ãŠã‘ã‚‹Tabã®ä½¿ã„æ–¹ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ç´°ã‹ãæŒ‡å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¯ãƒ©ã‚¹ã®è¦‹ãŸç›®ã‚„æŒ¯ã‚‹èˆžã„ã¯ã€ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«æ²¿ã£ãŸå½¢ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ åŸºæœ¬çš„ãªä½¿ã„æ–¹ ã¨ã‚Šã‚
pipo 2017/11/24
ã‚ã¨ã§èªã‚€

layout

Android

design

TabLayout

MaterialDesign

é–‹ç™º

UI

tab
ãƒªãƒ³ã‚¯
[Android] ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãƒãƒ¼ã‚’ç”»é¢ä¸‹å´ã‹ã‚‰è¡¨ç¤ºã•ã›ã¦ã¿ã¾ã—ãŸã€‚ã‚¢ãƒ—ãƒªç·¨
ã¡ã‚‡ã„Androidã€‚Typescriptã„ã„ã‚ˆã€‚Jenkinsã¨ã‹Gradleã¨ã‹ã€‚APTã‚‚ã„ã„ãªãƒ¼ã€‚ @adakodaã•ã‚“ãŒé¢ç™½ã„äº‹ã‚’ã—ã¦ã„ã‚‰ã£ã—ã‚ƒã£ãŸã®ã§ã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ã‚¢ã€‚ [Android] ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãƒãƒ¼ã‚’ç”»é¢ä¸‹å´ã‹ã‚‰è¡¨ç¤ºã•ã›ã¦ã¿ã¾ã—ãŸ http://www.adakoda.com/adakoda/2012/02/android-47.html ã‚¢ãƒ—ãƒªã‹ã‚‰ã§ã‚‚å‡ºæ¥ã‚‹ã®ã§ã¯ï¼Ÿ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã‚¢ãƒ—ãƒªã‚’åˆæœŸåŒ–ã™ã‚‹éš›ã«setContentView()ã™ã‚‹ã‚“ã§ã€setContentView()ã§å‡ºæ¥ãŸViewç¾¤ãŒç”»é¢ä¸Šã®å…¨ã¦ã ã¨æ€ã„ãŒã¡ã§ã™ã€‚ã—ã‹ãƒ¼ã—ç”»é¢ä¸Šã«å˜åœ¨ã™ã‚‹ä»¥ä¸Šã‚¿ã‚¤ãƒˆãƒ«ãƒãƒ¼ã‚„ActionBarãªã©ã‚‚å½“ç„¶Viewã®ä¸€ç¨®ãªã‚ã‘ã§ã™ã€‚ã¡ã‚…ãƒ¼ã“ã¨ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒˆãƒƒãƒ—ãƒ¬ãƒ™ãƒ«ã®Viewã‚’å–ã‚ŒãŸã‚‰ã‚¿ã‚¤ãƒˆãƒ«ãƒãƒ¼ã‚„ActionBarã‚‚æ“ä½œå‡ºæ¥ã‚‹ã®ã§ã¯ç„¡ã„ã§ã—ã‚‡ã†ã‹ï¼ï¼Ÿ ãã‚‚ãã‚‚ã¾ãšãƒˆãƒƒãƒ—ãƒ¬ãƒ™
pipo 2012/02/25
Android

ui

ICS

layout

view
ãƒªãƒ³ã‚¯
adakoda.com
pipo 2012/02/25
Android

layout

hack

ui
ãƒªãƒ³ã‚¯
Androidã®Layoutã«ã¤ã„ã¦ | TechBooster
Androidã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å§‹ã‚ã¦ä½œæˆã™ã‚‹ã¨ãã«ã€ä¸€ç•ªã¤ã¾ã¥ããŒã¡ã«ãªã‚‹Layoutã®æ§‹æˆã®ä»•æ–¹ã€‚ æœ¬ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€ä¸‹è¨˜è¦ç´ ã«ã¤ã„ã¦ã®ç´¹ä»‹ã‚’è¸ã¾ãˆã¦ã€æ€ã„é€šã‚Šã®ä½ç½®ã«Viewã‚’æ§‹æˆã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹è¦ç´ android:layout_weight android:gravity android:layout_gravity android:layout_margin android:padding ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã“ã‚Œã‚‰ã®è¦ç´ ã‚’ä½¿ç”¨ã—ã¦ã€ä»¥ä¸‹ç”»é¢ã‚’ä½œæˆã—ã¾ã™ã€‚ ã¾ãŸã€ä»Šå›žã®è¨˜äº‹ã®ä½œæˆã«ã‚ãŸã‚Šã€ä»¥ä¸‹ã‚µã‚¤ãƒˆã‚’å‚è€ƒã«ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ zakiæ—¥è¨˜ æ§˜ http://zaki.tdiary.net/20110702.html#p01 ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°é›‘è¨˜ æ§˜ http://d.hatena.ne.jp/Korsakov/20100826/128
pipo 2012/02/05
layout

Android

design

ui
ãƒªãƒ³ã‚¯
å¸¸ã«æ–°ã—ã„ç«¯æœ«ã«é©å¿œã™ã‚‹
æŒ‡å®šã§ãã‚‹ãƒªã‚½ãƒ¼ã‚¹ä¿®é£¾å å‰å›žã¯ã€ç«¯æœ«ã«ãŠã‘ã‚‹ç”»é¢ä»¥å¤–ã®ç‰¹æ€§ã«ä¿®é£¾åã‚’ä»˜ã‘ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãã‚Œã‚‰ã®ç‰¹æ€§ã«å¿œã˜ã¦ãƒªã‚½ãƒ¼ã‚¹ã‚’è‡ªå‹•çš„ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã¨ã„ã†æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã—ãŸã€‚ æœ€çµ‚å›žã®ä»Šå›žã¯ã€å‰å›žã®ãŠã•ã‚‰ã„ã‚’å…¼ãã¦ã€ãƒªã‚½ãƒ¼ã‚¹ã«æŒ‡å®šå¯èƒ½ãªä¿®é£¾åã®ä¸€è¦§ã‚’ç¤ºã™ã¨ã¨ã‚‚ã«ã€ãƒªã‚½ãƒ¼ã‚¹ãƒ»ãƒžãƒãƒ¼ã‚¸ãƒ£ãŒå‚ç…§ã™ã‚‹ç«¯æœ«ã®ç‰¹æ€§ã‚’ã‚³ãƒ¼ãƒ‰å´ã‹ã‚‰å–å¾—ã™ã‚‹æ–¹æ³•ã‚’ç¤ºã—ã¾ã™ã€‚ æœ€å¾Œã«ã€ãƒªã‚½ãƒ¼ã‚¹é–¢é€£ä»¥å¤–ã§é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã¨ã—ã¦ã€ç«¯æœ«ã«æè¼‰ã•ã‚Œã¦ã„ã‚‹ã‚»ãƒ³ã‚µãƒ¼ãƒ»ãƒ‡ãƒã‚¤ã‚¹ã‚’ç¢ºèªã™ã‚‹æ–¹æ³•ã‚„ã€çŠ¶æ³ã«å¿œã˜ã¦æœ€é©ãªä½ç½®æƒ…å ±å–å¾—å…ƒï¼ˆãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ—ãƒãƒã‚¤ãƒ€ï¼‰ã‚’é¸æŠžã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã€ãƒªã‚½ãƒ¼ã‚¹ã«ã•ã¾ã–ã¾ãªä¿®é£¾åã‚’ä»˜ã‘ã¦ãã¾ã—ãŸãŒã€ã‚ã‚‰ãŸã‚ã¦ã€æŒ‡å®šå¯èƒ½ãªä¿®é£¾åã‚’ä¸€è¦§ã™ã‚‹ã¨ã€æ¬¡ã®è¡¨ï¼ˆå›³1ï¼‰ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã“ã‚Œã‚‰ã®ä¿®é£¾åã‚’è¤‡æ•°æŒ‡å®šã™ã‚‹å ´åˆã¯ã€è¡¨ã®ä¸Šã‹ã‚‰ä¸‹ã®é †ç•ªã§æŒ‡å®šã—ã¾ã™ã€‚ä¾‹ãˆã°ã€è¨€èªžã¨åœ°åŸŸï¼ˆja-JPï¼‰ã‚’æŒ‡å®šã—ã¦ã€ç”»é¢ã®å‘ãï¼ˆportã€
pipo 2011/01/20
eclipse

development

layout

Java

Android

design

ui

config

resource
ãƒªãƒ³ã‚¯
Androidã€€Quick Action ã® Android ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã£ã¦ã¿ãŸ
Google I/O ã® UI design pattern ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã€Quick Action (twitter ã‚¢ãƒ—ãƒªã‚„ Gmail ã‚¢ãƒ—ãƒªã§ä½¿ã‚ã‚Œã¦ã„ã‚‹) ã¯æ¨™æº–ã® SDK ã®ä¸ã«ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ # Quick Action ã«ã¤ã„ã¦ã¯ä»¥å‰ã®ã‚¨ãƒ³ãƒˆãƒªã€ŒAndroid UI Design Tipsã€ã§ã‚‚ç°¡å˜ã«ã‹ãã¾ã—ãŸã€‚ leibun ã•ã‚“ã®ãƒ–ãƒã‚°ã®ã‚¨ãƒ³ãƒˆãƒªãŒã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ QuickActionã®ä½¿ã„æ–¹ - leibunã®ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«ãƒ–ãƒã‚° - leibun ã•ã‚“ã®ãƒ–ãƒã‚°ã§ã‚‚ç´¹ä»‹ã•ã‚Œã¦ã¾ã™ãŒã€ ãƒ»http://code.google.com/p/simple-quickactions/ ãƒ»http://www.londatiga.net/it/how-to-create-quickaction-dialog-in-android/ ã¨ã‹ã§ã‚½ãƒ¼ã‚¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ http
pipo 2010/12/21
Android

library

layout

ui

GUI
ãƒªãƒ³ã‚¯
1