FC2ブログ

ハイライト無効化

タップ時の強調表示を消す

webviewでUI作成のときの問題点

それは
画面をタップしたときのハイライト
ハイライトは強調表示のこと

この効果は
リンクボタンとかをタップすると
ユーザーにわかりやすく知らせるために
色が変わるというもの

これは、スマホでWebコンテンツを
表示すると体験できる

ハイライトはネットをみるだけなら問題ないけど
アプリにすると微妙になる
原因は
アプリの挙動がサイト EXILE CATCHY BEST 2008
アプリっぽくないから

ハイブリッドアプリのUIの場合
CSS3を使って
Webコンテンツ独特のクセをつぶしていく
ハイライトを無効化するには
-webkit-highlight-color

これはそのなの通り
タップ時のハイライトの色を指定する

これの関数は
左から



透明度
となる

透明度は0~1で指定して
0なら透明
1なら不透明

つまり、rgba(0,0,0,0)
なら無色透明になる

これで
ハイライト無効になる
タップ時の強調表示を消す

webviewでUI作成のときの問題点

それは
画面をタップしたときのハイライト
ハイライトは強調表示のこと

この効果は
リンクボタンとかをタップすると
ユーザーにわかりやすく知らせるために
色が変わるというもの

これは、スマホでWebコンテンツを
表示すると体験できる

ハイライトはネットをみるだけなら問題ないけど
アプリにすると微妙になる
原因は
アプリの挙動がサイト EXILE CATCHY BEST 2008
アプリっぽくないから

ハイブリッドアプリのUIの場合
CSS3を使って
Webコンテンツ独特のクセをつぶしていく
ハイライトを無効化するには
-webkit-highlight-color

これはそのなの通り
タップ時のハイライトの色を指定する

これの関数は
左から



透明度
となる

透明度は0~1で指定して
0なら透明
1なら不透明

つまり、rgba(0,0,0,0)
なら無色透明になる

これで
ハイライト無効になる
スポンサーサイト



コメント

非公開コメント

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック