You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Photo by John Peters on UnsplashYou might have heard about a cool animation called “Circular Reveal”. In this article, I will be showing how we can implement this animation during opening and closing of a fragment — in a clean way. What are we going to accomplish?The circular reveal will be aware of the position in the screen from where it was started. You want it to exit at the same location it w

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

仕事でLinearLayoutManagerやGridLayoutManagerといったGoogle提供のLayoutManagerでは実現できないUIを要求されたので、今LayoutManagerをスクラッチで実装しています。 大先輩が作ったAbemaTVの番組表なんかもオリジナルのLayoutManagerで実装されています。 備忘録としてミニマムなLinearLayoutManagerの�実装方法を例に�まとめておきたいと思います。 最低限実装しなければならないもの generateDefaultLayoutParams onLayoutChildren canScrollVertically canScrollHorizontally scrollVerticallyBy scrollHorizontallyBy generateDefaultLayoutParams デフォルトの

2018-10-30Android で HTML をいい感じで表示できるようにした話こんにちは。開発本部の CLINICS カルテ の開発を担当している @seka です。メドレーでは貴重な (?) エンジニアの若者枠として日々奮闘しております。 今回、開発本部で定期的に開催している勉強会「TechLunch」で、「Android で HTML をいい感じで表示できるようにした話」 という題で発表しましたので、その内容について紹介させていただきます。 1. きっかけ医師たちがつくるオンライン医療事典 MEDLEY (メドレー) をアプリ化することができるか検証してみて欲しいという相談を受け、Android のモックを作成することになりました。 アプリらしい UI を目指して開発を進めていたのですが、MEDLEY では病気記事が CMS などに見られるような HTML 形式で管理されており、

A common use-case when we’re designing a layout containing a RecyclerView (or, if you’re a glutton for punishment: ListView) is that we may have to display data that is either generated or obtained at runtime. For example, we retrieve the data for the list items from a cloud API. This can make it difficult to properly visualise the data during development so often we’ll find ourselves having to fi

タッチイベントがうまく流れてこなくて困ったり、自力でイベントをルーティングしたりするときに困ったりと、ちょこちょことタッチイベントについて勉強したのでまとめておきます。 主にタッチイベントがどう流れてどう止まるかなどについて調べています。 イベントの流れを理解するには以下の資料がかなり参考になりました。 Mastering the Android Touch System (PDF) 毎度のことながら、間違いがありましたらご指摘頂ければ幸いです。 タッチイベントを処理する主要なメソッド 実際の流れを理解する前に、主要なメソッドを三つ紹介しておきます。 メソッド名 概要 onTouchEvent() (View) タッチイベントに対して何かを処理するメソッド。setOnTouchListener() で登録した listener はこのタイミングで呼び出される。 onInterceptTou

Storage Access Framework https://developer.android.com/guide/topics/providers/document-provider.html MediaStore https://developer.android.com/refer…

Bottom Navigationはサポートライブラリが提供されています。 しかし、単純に使うだけではガイドラインぽくなりません。 ガイドラインぽく実装してみました。 ガイドラインぽさ Navigation Barを含んでBottom Navigationにする 下にスクロールすると隠れる コンテンツを最大限見せる Snackbarを上に表示する 影を表示する 同じタブを選択するとタブの一番上にスクロールする ステートの初期化 Navigation Barを含んでBottom Navigationにする 戻るボタンなどが置いてある、Navigation BarもBottom Navigationに合わせた配色になっています。 API Level 21から、Navigation Barの色を変更できるのでstyleで設定しています。 values-21/styles.xml <resourc

ヤフー株式会社は、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を実

From design to android, part 1 14 Mar 2017 Thanks to amazing design platforms like Dribbble or MaterialUp, we, as developers have access to a huge catalog of well-made design concepts, interfaces, and proposals in clicks. Nevertheless, sometimes some details are almost impossible to implement and, at times, some UX aspects are not taken into account. For that reason I thought that it would be nice

先日の DroidKaigi 2017 で発表した「Building my own debugging tool on overlay」のなかで、WindowManager で取り扱うレイヤについて触れた部分がありますが、Android の次バージョンである O から使用できなくなるレイヤ、代替レイヤについてのアップデートがありますので、こちらにも書き残しておこうと思います。 developer.android.com developer.android.com 使用できなくなるレイヤ 以下のレイヤは使用できなくなります。 TYPE_PHONE TYPE_PRIORITY_PHONE TYPE_SYSTEM_ALERT TYPE_SYSTEM_OVERLAY TYPE_SYSTEM_ERROR このうち DroidKaigi の発表で取り扱った部分は TYPE_SYSTEM_OVERLAY

TL;DR RecyclerViewのsmooth scrollの動作を変更するにはSmoothScrollerを実装する 全部自分で実装するのはかなり大変そうだが、既存の拡張だけでもそれなりに動作を変更できる はじめに タイトルがなに言ってるんだこいつは状態ですが、移動距離の長くなるポジションでRecyclerView#smoothScrollToPositionすると下のGifアニメのように、ひたすら一定の速度で移動し続ける動作になります。 Twitter公式クライアントでは、タブをタップした時にTLの先頭まで戻れますが、移動距離が長くなるようなときにはsmooth scrollせずに一瞬で先頭が表示されます。 このような動作にしてもいいのですが、あまりにも味気ないので少しスクロールを見せた後、指定したポジションに移動する動きを実現するために少し調査したのでまとめます。 Recycle

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

概要 Material Design対応を行っているアプリが増えてきたと感じる今日この頃ですが、みなさんRipple Effectの対応は行っていますか。 Ripple EffectはMaterial Designの中でもキーになる表現効果ですが、APIレベル21（Lollipop）以上のOSでないと標準の仕組みでは扱えないため後回しにしているアプリも多いのではないかと思います。 今回は、私が開発に携わっている女性向けファッションアプリ iQON で、Ripple Effect対応を行った際の話を書きたいと思います。 対応方針 Ripple Effect対応を行う上で、まずは以下のような対応方針を定めました。 1. 標準の仕組みを使って対応させる Ripple Effectはバックポートされたサードパーティ製のLibraryがいくつか存在しますが、今回はそのようなLibraryは使わないで