Android 11 (API 30) の全画面モードを試してみた - j3iiifn’s blog
Androidで全画面モードといえば、これまでは window.decorView.systemUiVisibility() に View.SYSTEM_UI_FLAG_HIDE_NAVIGATION や View.SYSTEM_UI_FLAG_FULLSCREEN などのフラグを組み合わせて渡すことで実現してきた。 API level 30で systemUiVisibility はdeprecatedになり、その代わりに WindowInsetsController クラスが追加された。 WindowInsetsController クラスでは、 hide() メソッドで非表示にするUIを指定したり、 setSystemBarsBehavior() メソッドでシステムバーが非表示になった際にどのように振る舞うのかを指定できる。 hide() メソッドで非表示にするUI（下記A, B,
Vuetifyの使い方(UIフレームワークで手軽に構築) - わくわくBank
Vuetifyは、Vue.js用のUIコンポーネントフレームワークです。マテリアルデザインの手法に基づいた豊富なコンポーネントを提供しています。ここでは、Nuxt.jsプロジェクトにVuetifyを導入して、基本的な利用方法を確認します。 Vuetifyプロジェクト生成 create-nuxt-app でプロジェクト生成します。 $ yarn create nuxt-app sample-nuxt-vuetify (省略) > Generating Nuxt.js project in /xxx/sample-nuxt-vuetify ? Project name sample-nuxt-vuetify ? Project description My supreme Nuxt.js project ? Use a custom server framework none ? Choose
Navigation Componentで先に知っておきたかったポイント
* Navigation Component が、内部でどのような挙動をしているのか解説します * 挙動を理解した後に Navigation Component でできることや、制約について話します
ジェスチャー ナビゲーション: 視覚的な重なりの処理
.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
リロード判定したいwindow.performance.navigation.type - Qiita
リロード判定する必要がありました。 リロードしたか否かの判定する必要がありましたので、調べました。 JavaScriptで実現できるようです。 ページ読み込みが何によって起きたかを知る window.performance.navigation.type:の値によって、ページ読み込みが何によって起こされたかを知れる。詳しくは公式のリンクを参考に貼り付けますので、ご確認ください。 0 : リンクのクリック 1 : リロード(再読み込み) 2 : 履歴をたどる読み込み 255 : 上記以外の定義 参考 Navigation Timing API
[Android] NavigationでSafeArgsを使って引数付き画面遷移をする - Qiita
SafeArgsとは みなさん，ActivityやFragment間の遷移で引数を受け渡しする時はどうしているでしょうか． まだBundleを使っている方もいるかもしれませんね． Navigation Componentの１機能であるSafeArgsを使えば，型安全な引数の受け渡しが実現できます．みんな使っているからいっぱい記事があるかと思いきや，alphaやbetaの記事ばかりなのでstable版としてまとめておきたいと思います． （あれから便利な拡張関数がサイレントで登場したりしている） Navigationの基本的な使い方は理解している前提から始めますので，微妙という方は以下の記事からキャッチアップしてきてください！ [Android] 10分で作る、Navigationによる画面遷移 https://qiita.com/tktktks10/items/7df56b4795d907a
![[Android] NavigationでSafeArgsを使って引数付き画面遷移をする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/aed4ea880fa5324f38c8b2386637c2684298d639/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQW5kcm9pZCU1RCUyME5hdmlnYXRpb24lRTMlODElQTdTYWZlQXJncyVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNiVFNSVCQyU5NSVFNiU5NSVCMCVFNCVCQiU5OCVFMyU4MSU4RCVFNyU5NCVCQiVFOSU5RCVBMiVFOSU4MSVCNyVFNyVBNyVCQiVFMyU4MiU5MiVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9Nzc1MDEyMTMxM2IyOTkxZjliNGFkOTk4ZDFhNThjNDI%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0a3RrdGtzMTAmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTI5MGU5ZWIwZDAwMGQwZWE2Yjc2ODNiYTViYzU1YTAx%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44K_44Kk44Of44O8%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Dc951bb979d996457b8691dbc6bb6d027)
Android Jetpack Component ~Navigation 編~ - Qiita
androidx についてネットを徘徊していたところ 面白そうな物を見つけたのでやってみました。 Navigation Architecture Component Navigation Architecture Componentを使用すると、一般的ではあるが複雑なナビゲーション要件をアプリケーションに実装できるので、一貫した予測可能なエクスペリエンスをより簡単にユーザーに提供できます。 Navigation | Android Developers 要するに ナビゲーション=画面遷移 が簡単にできる様になったよって事なのかな🤔 No more fragment transaction!!! めっちゃ書かれてました。 どれだけ簡単になるのか。 Fragment の遷移をやってみたいと思います。 環境 今回使用した環境です。 Navigation を使用するためには Android
Navigationの戻る制御
Navigationでバックキーを押したときに、どこまで戻るかを制御することが可能です。 これは何故かドキュメントに記載がありません。 環境implementation "android.arch.navigation:navigation-fragment-ktx:1.0.0-rc02" implementation "android.arch.navigation:navigation-ui-ktx:1.0.0-rc02"サンプル PopUpToバックキーを押したときにどこのFragmentまで戻るかを制御できます。 nav_graph.xmlでは次のように定義します。 action タグで対象の遷移先でバックキーを押されたときにどこまで戻るかを popUpTo で指定できます。 この例では、3つ目のFragmentでバックキーを押すと最初のFragmentまで戻ります。 Inclus
[Android] 10分で作る、Navigationによる画面遷移 - Qiita
No more fragment transaction!! ということで，Android開発で画面遷移にJetPackのNavigationを使いたいものの，safeargsやらDeepLinkやら機能が豊富で腰が重いみなさん．基本的な動きは正味10分で出来るので作って覚えましょう． 多分途中でハマっても20分あれば大丈夫だと思います．若干射幸心を煽るタイトルですが，10分を超えても訴えたりしないでくれると助かります． 作るもの Navigationの基本を使えるようになるのが目的なので，ボタンを押すと次の画面に遷移しループするだけのシンプルな仕様です．実装はGitHubのこちら． 10分で出来るのは単純な遷移ですが， 3分のアディショナルタイムでアニメーションを加えることができます． 完成画面 遷移図 あらかじめ上記のレポジトリからCloneするか，適当に空のプロジェクトを作っておいて
![[Android] 10分で作る、Navigationによる画面遷移 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/49ae85cf729bc92d68424eb86ebebdb917b34a9c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCQW5kcm9pZCU1RCUyMDEwJUU1JTg4JTg2JUUzJTgxJUE3JUU0JUJEJTlDJUUzJTgyJThCJUUzJTgwJTgxTmF2aWdhdGlvbiVFMyU4MSVBQiVFMyU4MiU4OCVFMyU4MiU4QiVFNyU5NCVCQiVFOSU5RCVBMiVFOSU4MSVCNyVFNyVBNyVCQiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTgwMWFlMWU5Nzg1OWIzMTE3ZGViZGE2MDgwNmIxMjM%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdGt0a3RrczEwJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zNmRlNjAzYWFmMDhlZjgxNTU5ZGY3OTJiOTFjMzA1Nw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D444473cacb048ca046856154a26e9d77)
UIBarButtonItem & iOS 11
Overview iOS 11 and Xcode 9 have officially been out for just over a month now and one interesting area that had some changes is the behaviour of UIBarButtonItems within UINavigationBar. Here are my findings so far … Changes In summary the highlights are: Tap areas of custom view UIBarButtonItems are now smaller The back button’s tap area is also smaller The back button label no longer automatical
iOS11からNavigationBarButton周りの仕様が変わったせいで、UIBarButtonItemの位置調整が上手くいかなくなった - Qiita
iOS11からNavigationBarButton周りの仕様が変わったせいで、UIBarButtonItemの位置調整が上手くいかなくなったiOSSwiftios11 追記 iOS13対応版あげました iOS13でもNavigationBarButtonの位置を調整したい - Qiita https://qiita.com/rd0501/items/8e8254a23d87a9b2fea2 参考 iOS 11 - UIBarButtonItem horizontal position | Apple Developer Forums https://forums.developer.apple.com/thread/80075 ios11 - iOS 11 UINavigationBar bar button items alignment - Stack Overflow https:
iOS11.0でUINavigationBarの高さが正しく表示されない現象について - Qiita
はじめに こんにちは 実装としてはあまり良くないのかもなのですが、アプリ画面を作成する際に UINavigationControllerのような左右の遷移関係が無くても上側にNavigationBarが欲しい時があり、 私はNavigationItemのようなボタンがいい感じに収まるという理由でUINavigationBarを生成して使ってしまっています。 そこで、Xcode9.0にてUINavigationBarをStoryboardまたはコードで生成すると以下のようになってしまいます。 解決方法 今回はカスタムクラスを作ってそれを充てて利用するようにしました。 Storyboardで正しく表示される方法などもカスタムクラスを作らずとも解決したかったのですが、少し厳しかったです... import UIKit @IBDesignable class CustomNavigationBar
NavBar: Customizing UINavigationBar's appearance
NavBar demonstrates using UINavigationController and UIViewController classes together as building blocks to your application's user interface. Use it as a reference when starting the development of your new application. The various pages in this sample exhibit different ways of how to modify the navigation bar directly, using the appearance proxy, and by modifying the view controller's UINavigati
tabBarControllerとUINavigationControllerを同時に使いたい！ - Takahiro Octopress Blog
本日はtabBarControllerとUINavigationControllerを両方使いたい場合の方法を説明します。 方法は簡単です。 tabBarControllerを先に追加して、 その子要素にUINavigationControllerを追加してください。 具体的に図で説明します。 １．storyboardでtabBarControllerを追加 XcodeメニューのEditor > Embed in > Tab Bar Controller を選択してください。 すると、下図のようにstoryboardにTab Bar Controllerが追加されます。 このままでは、tabBarにitem(項目)が１つしかないので、ViewControllerを追加しましょう。 ２．ドラッグ＆ドロップでstoryboardにUIViewControllerを追加 右メニューから View
HTML5で Speed Test, Navigation Timing APIによる性能データ収集 - ぼちぼち日記
今日は、HTML5 Advent Calendar 2011 9日目です。 何を書こうかネタに迷い、ひたすらHTML5のマイナーなAPIをあさっておりました。 FullScreen API/Page Visibility API も既に 登場してしまい、 @sada_h さんから Quota Management API はいかがとお奨めを受けましたがさすがに Quota管理だけでネタを展開するのは辛く、途方に暮れていました。 そんな折、ふと見かけたのが「Navigation Timing API」。マイナーだと思いますねぁ。今回このAPIの紹介とデモをさせていただきます。 Navigation Timing API 「いったい Navigation Timing API は何をするAPIか？ 」単純です。 「ブラウザーがWebの画面を表示する時にどこにどれだけ時間がかかているか知るAPI
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5年更新していなかったアプリが 海外バイヤーから数万ドルで 買収されそうになったので、 久しぶりにアプリを更新しようと思ったら 色々仕様が変わっていたので、 細々したよくやるやつをツラツラと話す話/RecentlyAndroidFunctions
UINavigationBar・UITabBar のカスタマイズ方法について - Qiita
アクセシビリティを加速するWAI-ARIA