Top Banner
ANDROID LAYOUT 3分クッキング あんざいゆき yanzm
24

Android Layout 3分クッキング

Jan 15, 2015

Download

Technology

Yuki Anzai

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Android Layout 3分クッキング

ANDROID LAYOUT3分クッキング

あんざいゆき yanzm

Page 2: Android Layout 3分クッキング

あんざいゆき

• Yanzm

• Y.A.M の雑記帳

• Android Layout Cookbook

Page 3: Android Layout 3分クッキング

カスタマイズのポイント•余白 ー Margin, Padding

•分類

•繰り返し

•コントラスト

Page 4: Android Layout 3分クッキング

余白

MARGIN, PADDING

Page 5: Android Layout 3分クッキング
Page 6: Android Layout 3分クッキング

全体に padding を入れる

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="20dip" > ...</LinearLayout>

Page 7: Android Layout 3分クッキング

Margin vs Padding

<?xml version="1.0" encoding="utf-8"?><LinearLayout ... android:padding="20dip" > <ImageView ... android:layout_mardin="10dip" android:padding="10dip" /> ...</LinearLayout>

外側 内側

Page 8: Android Layout 3分クッキング

分類

Page 9: Android Layout 3分クッキング

似たものをまとめる

•機能

•見出し

•種類

Page 10: Android Layout 3分クッキング

配置

•似たものは近くに

•似てないものは遠くに

Page 11: Android Layout 3分クッキング

繰り返し

Page 12: Android Layout 3分クッキング

リズムをつくる

Page 13: Android Layout 3分クッキング

タイトルバー

Page 14: Android Layout 3分クッキング

ナビゲーション

Page 15: Android Layout 3分クッキング

GridView

Page 16: Android Layout 3分クッキング

ListView

Page 17: Android Layout 3分クッキング

コントラスト

Page 18: Android Layout 3分クッキング

Base Color黒系? or 白系?

Point Color

Main Colorタイトルバー、アプリアイコン

線、枠、アクセント

Page 19: Android Layout 3分クッキング

Base colorVs

Main color

Page 20: Android Layout 3分クッキング

Main color

アプリアイコン

Page 21: Android Layout 3分クッキング

大きさ

Page 22: Android Layout 3分クッキング

フォント

Page 23: Android Layout 3分クッキング

微調整

Page 24: Android Layout 3分クッキング

まとめ•余白

•分類

•繰り返し

•コントラスト