はてなブックマーク

みなさんMaterial Designやりきっていますか？ Activity起動時にReveal Effectが行われて、そのあとにふわっとコンテンツが出てくるようなUIを見たことある方も多いと思いますが、アレってめちゃくちゃカッコいいですよね。 今回はカッコいいアレが実装されているInstaMaterialのコードを分解しながらどういう実装になっているのかを紐解いていきたいと思います。 概要 今回はInstaMaterialのメインページ（MainActivity）からユーザーページ（UserProfileActivity）へ画面遷移するときのアニメーションについて分解してみました。 GIFアニメーションのサイズ容量を減らすためにfpsを下げているので、細かく確認したい場合はプロジェクトを各自でビルドしてください MainActivityからUserProfileActivityへのIn

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

概要 CardViewを上手く使うと、Pre-Lollipop端末にもElevation風な影をカードに付けることができるためUIを実装する際に非常に役に立ちます。 CardViewを使ってEdge-to-edge（Widthが画面の端から端まであるよう）なカードを実装した際に、Pre-Lollipop端末とLollipop端末の間で微妙にPaddingに差異が出る問題にハマったので、今回はそのハマった点と解決のポイントを紹介します。 ハマったときの状態 <android.support.v7.widget.CardView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" card_view:cardBackgroundColor

概要 メーカーが独自の仕様を盛っているAndroidにはどこかしらに謎の仕様や不具合が存在します 残念ながらAndroidアプリ開発者はこの事実を受け入れて開発を行わないといけません 本ページには避けなければいけないそれらの謎をまとめています 発見、もしくは思い出したらドンドン追記していきます 編集リクエストもお待ちしております 昔のXperia bottomRightRadiusとbottomLeftRadiusが逆になっている 昔のXperiaでは android:bottomRightRadius と android:bottomLeftRadius が逆になっています つまり四つ角の左上・左下にRadiusを設定しようとすると、左上・右下にRadiusが設定されるということです もちろんその他の端末では正常に左上・左下とRadiusが設定されます ごく一部のSHARP端末 Char

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

コマンドを叩いてしばらくすると長ったらしいReportが出力されます 参照すると、各ライブラリが中で使用している別ライブラリを確認することができるので、重複しているライブラリを確認することができます ＊_releaseApkの部分のみ抜粋 _releaseApk - ## Internal use, do not manually configure ## +--- com.github.chrisbanes.actionbarpulltorefresh:library:+ -> 0.9.9 | \--- com.github.castorflex.smoothprogressbar:library:0.4.+ -> 0.4.0 +--- com.squareup:otto:1.3.5 +--- com.jakewharton:butterknife:5.1.1 +--- com.gith