アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼

•

14 gostaram•3,283 visualizações

The document discusses various topics related to Android development including: 1. Lists several popular running and exercise tracking apps for Android. 2. Discusses techniques for customizing the Android action bar and removing the title bar from an activity's view. 3. Provides examples of creating gradient colors for use in activities and the action bar.

Diversão e humor Tecnologia

• - uPhyca

• Blog : Y.A.M http://y-anz-m.blogspot.com

• : Android Layout Cookbook

• Twitter : @yanzm

• Android

• GTUG Girls

• Instant Heart Rate
• https://market.android.com/details?id=si.modula.android.instantheartrate
• RunKeeper
• https://market.android.com/details?id=com.ﬁtnesskeeper.runkeeper.pro
• Endomondo Sports Tracker
• https://market.android.com/details?id=com.endomondo.android
• Sports Tracker
• https://market.android.com/details?id=com.stt.android
• SportsTracker (by STL)
• https://market.android.com/details?
id=com.sportstracklive.android.ui.activity.lite
• My Tracks
• https://market.android.com/details?id=com.google.android.maps.mytracks

My Tracks Sports Tracker (by STL) Sports Tracker

• NoTitleBar

• View Action Bar

•

•

•

•

• View

• View

• px → dip
layout_weight

1

•
→
•

#00ccff #7fe5ff #006088 #007a98
6

• &
→
• &

#000000 #ffffff 1 2
#006088 #007a98

2

• <shape> Action Bar

res/drawable/title_bg.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:angle="90"
android:endColor="#007a98"
android:startColor="#006088" />
</shape>

#006088 #007a98
6

•
•

: #e67e75
HSV : 5, 49, 90

: #75b4e6
HSV : 207, 49, 90

: #afe675
HSV : 89, 49, 90

: #f0d67a
HSV : 47, 49, 94

Action Bar

• <shape> <selector>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape>
<gradient android:angle="90" android:endColor="#99002e"
android:startColor="#800026" />
<corners android:radius="5dip" />
</shape>
</item>
<item>
<shape>
<gradient android:angle="90" android:endColor="#007a99"
android:startColor="#006088" />
<corners android:radius="5dip" />
</shape>
</item>
</selector>

...

• GPS ON/OFF

←

Intent intent = new Intent
(Settings.ACTION_LOCATION_SOURCE_SETTINGS);

intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);

intent.addCategory(Intent.CATEGORY_DEFAULT);

startActivity(intent);

...
•

• Javadoc

• Android AOSP

• ...

• preﬁx m

• static preﬁx s

• static ﬁnal hogehoge

• ....

アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼

Mais conteúdo relacionado

Mais procurados

Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...Nicholas Dionysopoulos

A Brief Introduction to JQuery MobileDan Pickett

Android android layoutsperpetrotech

Yahoo Mobile WidgetsJose Palazon

BluePrint Mobile FrameworkChristian Heilmann

Presenters in RailsMike Desjardins

Floor plan carRyan_Wilkinson

Floor plan - carRyan_Wilkinson

Chapter4 moPon Tovave

Xamarin.iOS PresentationMichael Ridland

Make your app dance with MotionLayoutBritt Barak (HIRING)

Mais procurados (11)

Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...

A Brief Introduction to JQuery Mobile

Android android layouts

Yahoo Mobile Widgets

BluePrint Mobile Framework

Presenters in Rails

Floor plan car

Floor plan - car

Chapter4 mo

Xamarin.iOS Presentation

Make your app dance with MotionLayout

Destaque

Fragment の利用パターンAndroid UI勉強会

Android Pattern Cookbook で見るトレンドの変遷Yuki Anzai

Sublime Text 2 で始める ReVIEWYuki Anzai

User Interface 「UI ラーニング・パターン」 - ABC2014sChihiro Tomita

"あんざいゆき" x "秋葉ちひろ" はカンファレンスアプリをどう作るのか？Yuki Anzai

ABC2013 Autumn あんざいゆき x 小太刀御禄対談Yuki Anzai

Life with Android - Docomo SmartPhone Lounge Event -Yuki Anzai

Fragment を使ってみようYuki Anzai

Watch face アプリを公開してみたYuki Anzai

Head First XML Layout on AndroidYuki Anzai

マルチスクリーン対応と最近のアプリの傾向Yuki Anzai

Adapter & ListView & ExpandalbeListViewYuki Anzai

Android Layout Cookbook SeminorYuki Anzai

Destaque (13)

Fragment の利用パターン

Android Pattern Cookbook で見るトレンドの変遷

Sublime Text 2 で始める ReVIEW

User Interface 「UI ラーニング・パターン」 - ABC2014s

"あんざいゆき" x "秋葉ちひろ" はカンファレンスアプリをどう作るのか？

ABC2013 Autumn あんざいゆき x 小太刀御禄対談

Life with Android - Docomo SmartPhone Lounge Event -

Fragment を使ってみよう

Watch face アプリを公開してみた

Head First XML Layout on Android

マルチスクリーン対応と最近のアプリの傾向

Adapter & ListView & ExpandalbeListView

Android Layout Cookbook Seminor

Semelhante a アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼

스마트폰의 춘추전국시대, 개발자의 선택은(1)mosaicnet

Fragments: Why, How, What For?Brenda Cook

Android Material Design APIs/TipsKen Yee

iDW資料(110123)Masahiro Murakami

MNT2014: Mobile Hibrido com PhonegapLoiane Groner

From jQuery to App Store in 30 Minutesedill3484

TDC2012 Android - Deixando Sua Interface mais Bonita com ShapesSuelen Carvalho

Betabeers VII- Android Dev@GDGMallorcaGDGMallorca

Angular server side rendering - Strategies & Technics Eliran Eliassy

Fernando F. Gallego - Efficient Android Resources 101Fernando Gallego

Advanced Android gReporternatdefreitas

Being Epic: Best Practices for Android DevelopmentReto Meier

スマートフォンサイトの作成術 - 大川洋一okyawa

Android N HighligtsSercan Yusuf

Motion Layout - Easy animations for everyoneBoris D'Amato

AngularjsYnon Perek

border-left: 1dp solid #666666;Masayuki IZUMI

Beauty Treatment for your Android ApplicationCodemotion

Invading the home screenMatteo Bonifazi

Material design basicsJorge Barroso

Semelhante a アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼ (20)

스마트폰의 춘추전국시대, 개발자의 선택은(1)

Fragments: Why, How, What For?

Android Material Design APIs/Tips

iDW資料(110123)

MNT2014: Mobile Hibrido com Phonegap

From jQuery to App Store in 30 Minutes

TDC2012 Android - Deixando Sua Interface mais Bonita com Shapes

Betabeers VII- Android Dev@GDGMallorca

Angular server side rendering - Strategies & Technics

Fernando F. Gallego - Efficient Android Resources 101

Advanced Android gReporter

Being Epic: Best Practices for Android Development

スマートフォンサイトの作成術 - 大川洋一

Android N Highligts

Motion Layout - Easy animations for everyone

Angularjs

border-left: 1dp solid #666666;

Beauty Treatment for your Android Application

Invading the home screen

Material design basics

Mais de Yuki Anzai

droidgirls RecyclerviewYuki Anzai

Androidオールスターズ2016 yanzmYuki Anzai

Whats's new in Android Studio at Google I/O extended in FukuokaYuki Anzai

What's new in Android N at Google I/O extended in FukuokaYuki Anzai

How to read "marble diagram"Yuki Anzai

Customizing Theme and Style for Material Design : Droid Kaigi 2016Yuki Anzai

Master of RecyclerViewYuki Anzai

Activity, Fragment, CustomView の使い分け - マッチョなActivityにさよならする方法 -Yuki Anzai

「Android アプリのガチ開発者が Mobile Backend Starter を使ってみた」Yuki Anzai

ボクの開発スタイルYuki Anzai

application Next Generation presented by android女子部Yuki Anzai

Mais de Yuki Anzai (11)

droidgirls Recyclerview

Androidオールスターズ2016 yanzm

Whats's new in Android Studio at Google I/O extended in Fukuoka

What's new in Android N at Google I/O extended in Fukuoka

How to read "marble diagram"

Customizing Theme and Style for Material Design : Droid Kaigi 2016

Master of RecyclerView

Activity, Fragment, CustomView の使い分け - マッチョなActivityにさよならする方法 -

「Android アプリのガチ開発者が Mobile Backend Starter を使ってみた」

ボクの開発スタイル

application Next Generation presented by android女子部

Último

❤Personal Whatsapp Number Mukteshwar Call Girls 8617697112 💦✅.Nitya salvi

Ranikhet call girls 📞 8617697112 At Low Cost Cash Payment BookingNitya salvi

Verified Trusted Call Girls Tambaram Chennai ✔✔7427069034 Independent Chenna... Shivani Pandey

Hire 💕 8617697112 North Sikkim Call Girls Service Call Girls AgencyNitya salvi

Science City Kolkata ( Call Girls ) Kolkata ✔ 6297143586 ✔ Hot Model With Sex...rahim quresi

𓀤Call On 6297143586 𓀤 Ultadanga Call Girls In All Kolkata 24/7 Provide Call W...rahim quresi

Call Girls Bellandur ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823

Mira Road | Call Girls Service Mumbai | ₹,9500 Pay Cash 9833325238 Free Home ...hotbabesbook

❤Personal Whatsapp Number Keylong Call Girls 8617697112 💦✅.Nitya salvi

VIP Model Call Girls Koregaon Park ( Pune ) Call ON 8005736733 Starting From ...SUHANI PANDEY

Jodhpur Park ( Call Girls ) Kolkata ✔ 6297143586 ✔ Hot Model With Sexy Bhabi ...ritikasharma

Verified Trusted Call Girls Egmore Chennai ✔✔7427069034 Independent Chennai ... Shivani Pandey

Call Girls In Warangal Escorts ☎️7427069034 🔝 💃 Enjoy 24/7 Escort Service En...HyderabadDolls

Zirakpur Call Girls👧 Book Now📱8146719683 📞👉Mohali Call Girl Service No Advanc...rajveermohali2022

VIP ( Goa Call Girls ) Margao Beach👉 8617370543 Escort Service Enjoy Your Dre...Nitya salvi

Bhimtal ❤CALL GIRL 8617697112 ❤CALL GIRLS IN Bhimtal ESCORT SERVICE❤CALL GIRLNitya salvi

Model Call Girls In Velappanchavadi WhatsApp Booking 7427069034 call girl ser... Shivani Pandey

𓀤Call On 6297143586 𓀤 Sonagachi Call Girls In All Kolkata 24/7 Provide Call W...rahim quresi

CHEAP Call Girls in Malviya Nagar, (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE9953056974 Low Rate Call Girls In Saket, Delhi NCR

Mumbai ] Call Girls Service Mumbai ₹7.5k Pick Up & Drop With Cash Payment 983...hotbabesbook

アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼

1. UI 7 Bump Recorder UI

2. • - uPhyca • Blog : Y.A.M http://y-anz-m.blogspot.com • : Android Layout Cookbook • Twitter : @yanzm • Android • GTUG Girls

3. Bump Recorder • •→ • = Start

4. ...

5. 1.

6. • Instant Heart Rate • https://market.android.com/details?id=si.modula.android.instantheartrate • RunKeeper • https://market.android.com/details?id=com.ﬁtnesskeeper.runkeeper.pro • Endomondo Sports Tracker • https://market.android.com/details?id=com.endomondo.android • Sports Tracker • https://market.android.com/details?id=com.stt.android • SportsTracker (by STL) • https://market.android.com/details? id=com.sportstracklive.android.ui.activity.lite • My Tracks • https://market.android.com/details?id=com.google.android.maps.mytracks

7. My Tracks Sports Tracker (by STL) Sports Tracker

8. 2.

9. • NoTitleBar • View Action Bar • • • •

10. • View • View • px → dip layout_weight

11. 3.

12. • •

13.

14. 4.

15. 1 • •→ • • → #00ccff

16. 1 • → • #00ccff #7fe5ff #006088 #007a98 6

17. • & → • & #000000 #ffffff 1 2 #006088 #007a98

18. 2 • <shape> Action Bar res/drawable/title_bg.xml <shape xmlns:android="http://schemas.android.com/apk/res/android" > <gradient android:angle="90" android:endColor="#007a98" android:startColor="#006088" /> </shape> #006088 #007a98 6

19.

20. • • : #e67e75 HSV : 5, 49, 90 : #75b4e6 HSV : 207, 49, 90 : #afe675 HSV : 89, 49, 90 : #f0d67a HSV : 47, 49, 94

21. 5.

22. Action Bar • <shape> <selector> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <shape> <gradient android:angle="90" android:endColor="#99002e" android:startColor="#800026" /> <corners android:radius="5dip" /> </shape> </item> <item> <shape> <gradient android:angle="90" android:endColor="#007a99" android:startColor="#006088" /> <corners android:radius="5dip" /> </shape> </item> </selector>

23.

24. 6.

25. ... • GPS ON/OFF ← Intent intent = new Intent (Settings.ACTION_LOCATION_SOURCE_SETTINGS); intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK); intent.addCategory(Intent.CATEGORY_DEFAULT); startActivity(intent);

26. 7.

27. • UI • ListView 1

28.

29.

30. ... • • Javadoc • Android AOSP • ... • prefix m • static prefix s • static final hogehoge • ....

アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (11)

Destaque

Destaque (13)

Semelhante a アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼

Semelhante a アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼ (20)

Mais de Yuki Anzai

Mais de Yuki Anzai (11)

Último

Último (20)

アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼