The Android styling system offers a powerful way to specify your app's visual design, but it can be easy to misuse… Specifically we recommended using theme attributes to provide a point of indirection to resources, so that you can vary them (e.g. in dark theme). That is, if you find yourself writing a direct resource reference (or worse yet, a hardcoded value 😱) in a layout or style, consider if

So, you’ve migrated your Android app to AndroidX and, in the process, have also switched to using Material Components for Android as opposed to the Design Support Library. Alternatively, perhaps you’re in the fortunate situation of starting an app from scratch and get to use these new libraries right away. In either case, the core widgets you incorporate into your app now mostly fall under the com

不真面目に Material Design の配色する／Material Color Generator 作りましたdate2015.10.3(Sat.)tagsMaterialDesign Material Design は、色を決めてアイコンを作れば、一画面を構成する新規パーツをイラストレーターとかで新規作成しなくても、ほぼほぼ作れるようになっています。 その色の決め方について、不真面目な手順の一例を考えました。 ①まず白ベースのアプリか黒ベースのアプリか決める標準背景が白系（Light）か、黒系（Dark）かを決めます。 ほぼほぼ Light 系にするといいと思いますが、以下のアプリは Dark 系でも映える気がします。 ・映画のアプリ ・音声、音楽のアプリ ・クリエイティブツール ・その他クール推しなアプリ ・設定系ツール ②プライマリカラーを決めるブランドカラーが存在する場合はブ

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。 ヤフー株式会社メディアカンパニー スタートページ事業本部 エントリーポイント開発部でAndroidアプリの開発を行っている毛受(めんじゅ) (takahirom)です。 皆さんはChromeやGoogle Playアプリなどで、アプリ内でスクロールした時にツールバーが見え隠れするのを見たことがあるでしょうか？ 現在自分の担当しているアプリでそのようなレイアウトを検討しているので詳細を調べてみました。 はじめに Google I/O 2015でAndroid Design Support Libraryが発表されました。Android Design Support Libraryには、Material Designを実

DroidKaigi 2017 にて発表した資料です。

https://hirelink.connpass.com/event/44321/ hireLink vol.29【スタディサプリにおけるアプリデザイン改善の取り組み】で発表した登壇資料になります。 -「アプリの質を上げる」とはどういうこと？実際に何をしたら良-いの？ - アプリの質を上げた…

Support Library 23.2から、Design Support LibraryにBottomSheetが追加されました！ http://android-developers.blogspot.jp/2016/02/android-support-library-232.html 今回追加されたBottomSheetではMaterial DesignのガイドラインでいうところのPersistent Bottom SheetsとModal bottom sheetsを使うことが出来ます。 この記事では主にPersistent Bottom Sheets（BottomSheetBehavior）について説明します。 Persistent Bottom Sheets（BottomSheetBehavior） Play Musicやマップアプリで使われているようなBottom Sheet

例えばTextViewの一部をリンクにしたり、一部を強調したい、などの時にTextViewの一部に装飾したいときってありますよね？ 実はTextViewはSpannableStringを使うことにより、一部を装飾したり、リンクにしたりといったことは簡単にできます。 詳しい内容は @wasabeef_jp さんの投稿 Android Advanced TextView にまとまっているのでそちらを参照してください。 今回は、その中で ReplacementSpan を使って背景や点線の下線の描画などをやりたいと思います。 といってもとても簡単で、 ReplacementSpan を継承したクラスを作り、 draw メソッドをオーバーライドして上げてそこで Canvas に描画してあげるだけです。 ね、簡単でしょう？ サンプル 文章だけでもいいかな、と思ったんですがてきとーに実装もしたんで紹介

One of the fundamental principles of Material Design is “motion provides meaning” and one important area where this applies is giving visual feedback to the user when they interact with our app. The standard method of doing this has always been using StateListDrawable to tie the visual appearance of a control to its state (i.e. enabled, disabled, pressed, etc.) and this has been available to use s

With the new design library there are several new layouts that change a lot how the toolbar can behave if the developer so wishes. Since different fragments have different behaviors and objectives, for example a gallery fragment with a collapsing toolbar showing an important photo, or a fragment without a scrollview that just doesn't need the appbarlayout for hiding the toolbar, having a single to

Get started Start by creating your first app. Go deeper with our training courses or explore app development on your own.

MaterialDesignガイドラインのStyle > Typographyには、基本の文字サイズが規定されています。 このサイズに揃えるには dimens.xml に独自に定義してもいいんですが、実はAppCompatに用意されているのでそれを使えます。 AppCompatの定義 values.xml の中に、TextAppearanceから始まるstyleが用意されています。 <style name="TextAppearance.AppCompat.Body1" parent="Base.TextAppearance.AppCompat.Body1"/> <style name="TextAppearance.AppCompat.Body2" parent="Base.TextAppearance.AppCompat.Body2"/> <style name="TextAppear