PythonをベースにしたMUIタイトルバーの最適化
この記事はWeChat: "アルゴリズムとプログラミングの美学"から転載したものです。
I. 前書き
MUIページのメインフレームワークを構築するための3ステップの方法は、新規にページを作成して
mui
と共に
HTML
を入力します。
mheader
(ヘッダーバー)、タイプ
mbody
(本文)をご覧ください。特徴的なMUIインターフェースは、ユーザーを惹きつける鍵の1つであることは確かです。
css
と
JavaScript
はすぐに実装できますが、同時に初心者には難しく、ページの美化を実装するためにはいくつかの簡単なコツが必要です。
II. 問題の説明
基本的なフレームワークを設定した後、いかにしてモバイルインターフェースの群れの中で目立たせるか、いかにして簡単かつ迅速にページを美化するかが、考えなければならない問題になります。ここでは、戻るボタンのあるタイトルバーを例にとり、それを最適化するための小さな方法をいくつかまとめてみます。
III. 解決策
タイトルバーの美化のためには、単に
style
の中に
background
(背景色)の場合は
color
(フォントの色)
font-family
(フォントスタイル)、f
ont-size
(フォントサイズ)です。以下は、タイトルバーを美しくするための手順です。最初の手順以外の動作の順序は自由に入れ替えてください。
1. 戻るボタン付きのタイトルバーを作成する
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1>The beauty of algorithms and programming</h1></header>
2. タイトルバーの背景色を変更する
<headerclass="mui-barmui-bar-nav"style="background:yellowgreen;" >
<! Add the page background color directly using style>
3. タイトルバーのフォントカラーを変更する
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
<h1 style="color: white;" >The beauty of algorithms and programming</h1><!styleChange font color as well as font>
4. タイトルバーのフォントを変更する
<h1 style="color: white;font-family: 'italic';" >The Beauty of Algorithms and Programming</h1><!styleChange the font color as well as the font>
IV. 結論
タイトルバーのスタイリングが終わったら、同じ方法で下のタブ、段落、ロードボタンなどのフォントと背景色を変更することができます。もちろん、これは簡単な方法でマイナーな変更に過ぎず、ソフトウェアのインターフェースのスタイルを本当に改善するには、フォントと背景色を変更する必要があります。
css
と
JavaScript
の学習は必須です。
PythonをベースにしたMUIタイトルバーの最適化に関する記事は以上となります。MUIタイトルバーの最適化に関する詳細については、Scripting Houseの過去の記事を検索するか、以下の関連記事を引き続き参照してください。
関連
-
python TypeError: Unicode オブジェクトはハッシュ化する前にエンコードする必要がある 解決策
-
[解決済み] このラムダ関数がどのように機能するかを理解する
-
[解決済み] "IOError "です。[Errno 0] Error" Pythonのエラー
-
[解決済み] Pythonの書式指定子内で変数名を使うには?
-
[解決済み] ファイルが存在するにもかかわらず、ファイルb'train.csv'が存在しない。
-
[解決済み] JSONをpandasのdataframeに読み込む - ValueError: dictsと非Seriesを混ぜると曖昧な順序になる可能性がある
-
[解決済み] ポアソン回帰を実装するには?
-
[解決済み] MACでpipを使おうとするとパーミッションが拒否される?
-
Pythonの個別変数のクリアとコンソールのクリーンアップ
-
エラー"[WinError 10061] ターゲットコンピューターがアクティブに拒否しているため接続できません "の解決策を紹介します。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】「getaddrinfo failed」、これはどういう意味ですか?
-
[解決済み】sqlite3.ProgrammingError: 指定されたバインディングの数が正しくありません。現在の文は 1 を使用しており、74 が供給されています。
-
[解決済み】Pandasでデータ(.datファイル)を読み込む
-
Pythonデータマイニングでよく使われるAutoEDA5つのツールのまとめ
-
[解決済み] トレースバック / sys.exc_info() の値を変数に保存する方法は?
-
[解決済み] 'MyClass' オブジェクトには '__getitem__' という属性がありません。
-
[解決済み] 警告 <RuntimeWarning: invalid value encountered in sqrt> が表示されるのですが。
-
[解決済み] pandas to_datetime を使って「AttributeError: 'DataFrame' object has no attribute 'dtype' 」と表示される。
-
[解決済み] PhantomJS with Seleniumのエラーです。メッセージ 'phantomjs' 実行ファイルが PATH にある必要があります。
-
EnvironmentErrorのため、パッケージをインストールできませんでした。[Errno 28] デバイスに空き領域がありません。