WebアニメーションはLottieがオススメ！基本の使い方完全ガイド【2020年版】 | PhotoshopVIP
最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの魅力はもちろん、After EffectsへのAiファイルの読み込みやアニメーション作成、プラグインを利用したJSONファイルの書き出し、Webサイトでのアニメーション表示まで一連の流れをまとめています。 Lottieを利用すれば、手軽にそして軽量に動画を貼り付けることができるので、これまでアニメーションを試したことのないひとにもオススメです。 コンテンツ目次 1. Lottie（ロッティー）って何？ 2. Lottieを利用するメリットは？ 3. Lottieアニメーション作成手順ガイド 4. After EffectsへのAiファイルの読み込み 5. After Effectsでアニメーション作成 6. Lottie JSONファイルでア
[Android]常にフルスクリーンにしておきたい時のTIPS - Qiita
override fun onStart() { super.onStart() hideSystemUI() } fun hideSystemUI() { window.decorView.systemUiVisibility = (View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY or View.SYSTEM_UI_FLAG_FULLSCREEN or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION or View.SYSTEM_UI_FLAG_LAYOUT_STABLE or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN) } override fun onWindowFocusChanged(hasFocus: Boolean) { super.onWindowFocusChanged(hasFocus)
![[Android]常にフルスクリーンにしておきたい時のTIPS - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a615cd3feaf8cb1f52e80f1159a52ba392b73fd5/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzE4Nzc2JTJGcHJvZmlsZS1pbWFnZXMlMkYxNTQ0MDIxNTU1P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz00MjQ5ZmJkMmI1NzY3ZGIxY2ViYzY4MmFhYjAwNDNlNA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db930a7870e3c9f9a79e08083ddc5f0d7%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCQW5kcm9pZCU1RCVFNSVCOCVCOCVFMyU4MSVBQiVFMyU4MyU5NSVFMyU4MyVBQiVFMyU4MiVCOSVFMyU4MiVBRiVFMyU4MyVBQSVFMyU4MyVCQyVFMyU4MyVCMyVFMyU4MSVBQiVFMyU4MSU5NyVFMyU4MSVBNiVFMyU4MSU4QSVFMyU4MSU4RCVFMyU4MSU5RiVFMyU4MSU4NCVFNiU5OSU4MiVFMyU4MSVBRVRJUFMmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz05ZDk3YTYyYjc1ZWE4ZDg2MzQ3MmFmMTRiNTg1NTllMg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBvZmZ3aGl0ZSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTA1NmQxN2VkMWVjMTM2MjA2YjU5ZmZjNTM5NmY5YWE2%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D47602a7027b6fa9073ea20473074ffbb)
Androidアーキテクチャことはじめ ― 選定する意味と、MVP、Clean Architecture、MVVM、Fluxの特徴を理解する｜ハイクラス転職・求人情報サイト アンビ（AMBI）
Androidアーキテクチャことはじめ ― 選定する意味と、MVP、Clean Architecture、MVVM、Fluxの特徴を理解する Androidアプリの開発において悩ましいアーキテクチャの選定。本記事では選定する意味を改めて整理し、 MVP・Clean Architecture・MVVM・Fluxといった最新の実例を紹介します。 はじめまして。Androidエンジニアの藤原聖（ふじわら・さとる／@satorufujiwara）です。 現在は株式会社サイバーエージェントで、エンジニアリングマネージャーを兼任しています。2017年で35歳になり、定年を迎えました（プログラマの定年については「体型を支える技術」などを参照）。 Androidアプリ開発には2010年から携わっていますが、今現在の関心事は何といっても公式開発言語に採用されたKotlin。そしてもう一つが、Androidの
アプリ開発で参考にしておきたい UI デザインパターンまとめサイトのまとめ - Qiita
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
fly1ncu.com » Blog Archive » AndroidのImageViewにドロップシャドウをつける
Androidと闘う開発者の皆さんへ リッチなUIを作るために、日々デザイナーやクライアントの方とバトルしていると思います。 僕からも１つTipsを贈らせていただきたいと思います。 Androidで画像を表示する時、ImageViewでそのまま表示すると味気ないですよね。 Webとかだったらドロップシャドウ入れますよね。 そう、ドロップシャドウです。 僕はAndroidでドロップシャドウを入れる方法は２つあると思います。 PNG画像でドロップシャドウ入りの画像を準備する ソースコードでドロップシャドウを表現する １つ目は簡単ですよね。こんな感じの画像を準備して、 drawable/ex_drop_shadow.png ソースコードもこんな感じ <ImageView android:layout_width="wrap_content" android:layout_height="wr
Androidアプリ専門のUIギャラリー・Android App Patterns - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Androidアプリ専門のUIギャラリー サイト・Android App Patternsの ご紹介。iPhoneのは多いですけど、 Android専門は初見でした。インス ピレーション向上に覚えておいて 損は無いかもですね。 AndroidアプリのUIギャラリーです、パーツごとにカテゴリ分けされています。 Androidアプリのパーツ別ギャラリー。メニューとかリスト、ログインページ、プロフィールページなど様々なカテゴリに分けられています。 サインアップページのインターフェースなどなど。 タッチデバイスを取り入れたスマートフォンアプリにとってUX向上はユーザー獲得のための重要なファクターとなり得ますのでこうしたギャラリーからインスピレーションを高めたり、実際に触れる
デザイナーちゃんとプログラマーちゃん
アプリ制作において新しいデザインを生むのはやっぱプログラマのほうですね。 デザイナはどうしても概念を「かたち」に置き換えて理解するクセがあります。たとえばアプリの画面フローなんかを作るときにすでに頭の中では画面と画面が、なにがしかの概念を表す構造図になって関係しあったりしてます。構造図になっていること自体は悪くないんですが、何か新しいものを作ろうとする時、構造にあてはめて考えようとすると結構陳腐というか、アイデア的に弱い感じになりやすい気がしています。うまくいえませんが「デキル前からすでにかたにはまっている」というかんじです。デキてからの仕事としてはデザイナに負う部分は大きいのですけどもね。 基本プログラマちゃんの頭の中では構造なんかは眼中になく、それこそ設定した目的を、なかば場当たり的に処理する過程で必要な画面が、適当にフローして、結果を吐く。それが結果的になにか既存の構造に似てるね、と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Creating a Custom Loading Spinner for Android 🤖
Animate drawable graphics | Views | Android Developers
GitHub - skydoves/ProgressView: 🌊 A polished and flexible ProgressView, fully customizable with animations.
SVG to Vector Drawables
https://ahsensaeed.com/bottom-navigation-view-android-example/
Material Design
GitHub - zhanghai/MaterialRatingBar: Material Design RatingBar with better appearance
GitHub - code-mc/linear-time-picker: Gorgeous Android Time and Date picker library inspired by the Timely app
Android 7.1の丸型アイコンの採用はOEMの判断によって決まる | juggly.cn
Android Prototyping for Designers - Shapes and Click Event
Launcher Icons (Archive) | Android Developers