Goodbye `shape` - AndroidのMaterialButtonがすごい良かった話
概要 Material Design Theming対応を各アプリで進めるのは、AndroidX対応と依存して難しいところはありますが、そもそも対応するとどういいのかみたいな情報があまりなかったので、同じことをするにしても新しいのだとどうよくなるのか？みたいな話を書きたいと思ってます。 Material Deisgnのライブラリで、MaterialButtonとか他にもStyleが入ってきて、今まで作ってきていたオレオレのshape drawable（XMLで作っていたDrawable系のファイルを纏めて指している）を作らなくてもだいたいの事ができるようになったよねという話です。 Material Themingとは？ MaterialDesignを、実際のアプリに合わせてカスタマイズできるように少しやわらかくしたもの。 MaterialThemingを実装した各プラットフォームごとの実装
「AndroidはiOSと同じデザインで！」と言われたときの対応案 - Qiita
はじめに 「AndroidはiOSと同じデザインで！」と言われてどう実装しようか悩んでる方向けの記事です。 Androidアプリを作るなら当然マテリアルデザインガイドラインに合わせて1から画面設計するのが最高なんですが、そうはいかないことが経験上多いので対応案をざっくりまとめました。 諸注意 これは「iOSとAndroidのUI対応一覧」ではありません。 iOSとAndroidで同じような見た目のUI部品でも作られた経緯や目的は違うので、比較して置き換えるようなことは基本的にできないと思います。 とはいえなんの指標もないと辛いので、ここでは「iOSのこのUIをAndroidで代用できるのはこれかもね」くらいのニュアンスで列挙しています。 必ずしもどのアプリにも言えるようなことではないので、あくまでたたき台と思ってください。 「なぜAndroidらしくする必要があるのか」についてはこ
BASEのアプリにMaterial Designを導入する際にやったこと考えたこと - NOTE - MIFURU
先日 BASEのアプリのリニューアルバージョンがリリースされた 。( Google Playはこちら ) 今までiOSとAndroidのデザインが全く同じでガイドラインに沿ったデザインを行えていなかったので今回のリニューアルを機にMaterial Design（マテリアルデザイン）を採用。そのとき流れやデザインまでのプロセスを簡単にをまとめてみる。 導入までの経緯 BASEではiOSのアプリが先にリリース。ver.3.0.0が出るタイミングでAndroidアプリもリリースしたがiOSと全く同じデザインで実装されていた。当時すでにMaterial Designは発表されはじめ、Google Playでも少しずつMateral Designを採用したアプリが特集されていて本格的に広まっていた。 BASEのアプリのデザインが内製になったタイミングでMaterial Designに変更する話が出て
中級以上のAndroid開発者がAndroidらしい開発のために見たほうが良いURL一覧 - Qiita
Javaの話はいろいろあると思いますが、Android開発を極めていくにはどうしたらいいかという話を吐き出してみようと思います。 開発入門向けのガイドはいいもの https://github.com/mixi-inc/AndroidTraining があるので、より実践的な内容をどうするか、という話にフォーカスします。 Androidなデザインと開発 Material Designのガイドライン Googleが考えた最強（？）のデザインガイドライン、それがマテリアルデザインです。 https://www.google.com/design/spec/material-design/introduction.html 使うべきUI部品、リスト表示のレイアウト、ダイアログを使うタイミングと表示内容、遷移アニメーションの使い方など多岐に渡ります。 この内容に沿って開発するとかなりモダンなAndr
Customizing Theme and Style for Material Design : Droid Kaigi 2016
Customizing Theme and Style for Material Design : Droid Kaigi 2016 テーマやスタイル活用できていますか？ 本セッションでは最初にテーマ・スタイルの基礎を解説し、アプリ用のテーマの正しいカスタマイズ方法を紹介します。その後ステータスバーの透明化など新しいバージョンで追加された機能と、それらをバージョンごとに切り分ける指定方法を紹介します。最後にAppCompatで用意されているMaterial Designを実現するためのテーマ・スタイルを見ていきます。AppCompatで使えるのはcolorPrimaryやcolorAccentだけではありません。WidgetやTextAppearanceなど、レイアウトXMLで直接指定するのに便利なものもいろいろ用意されています。これらの定義と活用方法を紹介します。 対象者 - テーマ・ス
ERRP | Expired Registration Recovery Policy
Please notice: This domain name registration has expired and renewal or deletion are pending. If you are the registrant and want to renew the domain name, please contact your registration service provider. Bitte beachten Sie: Diese Domainregistrierung ist abgelaufen und die Verlängerung oder Löschung der Domain stehen an. Wenn Sie der Registrant sind und die Domainregistrierung verlängern möchten,
Android：マテリアルデザイン対応を効率的に進めるためにSupport Libraryを積極的に使ってみる - Money Forward Developers Blog
こんにちは。エンジニアの細谷です。 以前にも当エンジニアブログの「Android版マネーフォワードをマテリアルデザイン対応したときのあれこれ」で紹介しましたが、マネーフォワードのAndroidアプリのUIはマテリアルデザインを積極採用しています。 マテリアルデザインを採用した開発を効率的に進める上で欠かせないのがAndroidのサポートライブラリです。 v22.2（2015年5月公開）で追加になったデザインサポートライブラリの一部は実際にマネーフォワードのAndroidアプリにも導入していますので、その中でも特に簡単に導入できる3つのコンポーネントを紹介します。 また、発表されて間もないv23（2015年8月公開）についても、未導入ながら今後の展望として紹介します。 ※ Support Libraryの更新状況等はこちらなどで確認できます。 Support Library v22.2 v2
Material Cat·猫×マテリアルデザインデモ MOONGIFT
インターネットは猫に支配されています。世の中にはこんなにも猫好きが多いのかと思うほど、猫の写真、動画、アニメーションに溢れています。GitHubのキャラクターだってOctocatです。 というわけで何か注目して欲しいと思ったら猫を混ぜ込んでみるのはいかがでしょう。例えばMaterial Catも単にマテリアルデザインデモではなく、そこに猫を入れたことに価値があるわけです。 Material Catの使い方 Material Catのメイン画面。猫画像がタイル上に並んでいます。 右下にあるシェアボタンをタップすると各サービスが水平に展開されます。もちろんアニメーション付きです。 猫写真をタップすると写真がアニメーションしたり、写真の中の色がピックアップされたりします。 他にも再読込やタップした時のアニメーションが綺麗です。 Material Catはテクニックは確かなものがあります。そこに猫
Topeka for Android でマテリアル デザインを掘り下げる
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Design Support Libraryを使い倒してカジュアルにアプリ実装 - 株式会社エウレカ
皆さん、こんにちは。Androidエンジニアの後藤です。 前回のブログで次回はAndroid MやDeveloperToolについて書きます！！と熱くなっていましたが、Design Support Library ( DSL ) の魅力をどうしてもお伝えしたくなったので、今回はDSLについて書いていきます！ これを機に、ライブラリが提供しているコンポーネントを使ってTODOアプリを作ってみたので、コードを見ながら一緒にDSLをマスターしていきましょう！！ もうコードを見たくて仕方が無い方はどうぞ！ https://github.com/eure/citrus Databaseには話題のRealmを使ってみています。 理由は、実はですね……… ……なんとなくです。 今回はデザインからコードまでを自分でやりました。DSLを使うことが目標なので、マテリアルデザインのルールは厳守していません。 D
Exploring the new Android Design Support Library
I’m a massive fan of material design. Everything about it provides a strong feeling of consistency between applications and as a whole makes them both easier and more aesthetically pleasing to use. Google I/O 2015 saw the introduction of some great new assets to the world of Android — including the new Design Support Library. With the introduction of this, there’s now no excuse not to follow the M
Android Design Support Libraryを使う | Recruit Tech Blog
どうもこんにちは。Google I/O 2015 帰りの 英単語サプリ 担当 田澤です。 Material Designを実現するためのAndroid Design Support Libraryが発表されました。 これまではサードパーティーのライブラリを利用するか、独自実装してMaterial Design対応をする必要がありましたが、ついに公式でサポートされるようになりました。サポートOSバージョンはAndroid 2.1 以上となっています。 そこで、本記事ではAndroid Design Support Libraryで追加されたコンポーネントと使い方を紹介します。 また、各コンポーネントに関するDesign Guidelineのリンクも用意しているのでご参照ください。 なお、ここで紹介しているコードは Github - android-SampleDesignSupportLib
Android Support Library v22.2 の Design Support Libraryをひと通り使って罠を踏んだ - Qiita
にはcom.android.support:support-design:22.0.0とありますが、パッケージ名が変わった or 間違っています。（罠） → 修正されてました。 ビルドエラー AndroidAnnotationsとかDaggarとかを使ってると、コンパイル通らなかったりします。（罠） support-v4のDialogFragmentにDialogStyleという@Interfaceがあるのですが、それがソースにはあるけど.classにないそうです。 （最後のリリース前のパッキングツールのバグらしい。） 詳細は以下参照。 Issue Tracker @ Android Open Source Project Issue @ AndroidAnnotationsのgithub Issue @ Daggerのgithub 含まれるコンポーネント TextInputLayout
Android Design Support Library
Posted by Ian Lake, Developer Advocate Android 5.0 Lollipop was one of the most significant Android releases ever, in no small part due to the introduction of material design, a new design language that refreshed the entire Android experience. Our detailed spec is a great place to start to adopt material design, but we understand that it can be a challenge for developers, particularly ones concern
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Components – Material Design 3
マテリアル デザインのガイドライン（日本語版）
Material Design Animation Code
Notification
Google Play