左右幅固定ミドル適応型htmlレイアウトの解決策を説明する
2022-01-08 23:33:12
この記事では、以下のように共有される、詳細な左右幅固定型アダプティブHTMLレイアウトソリューションについて説明します。
a. フローティングレイアウトを利用する
htmlの構成は以下の通りです。
Notification noti = new Notification.Builder(mContext)
.setContentTitle("New mail from " + sender.toString())
.setContentText(subject)
.setSmallIcon(R.drawable.new_mail)
.setLargeIcon(aBitmap)
.build();
b.固定配置を使用する
htmlの構成は以下の通りです。
setContentTitle(CharSequence title);
setContentText(CharSequence text);
setSmallIcon(Icon icon);
setContentIntent(PendingIntent intent);
c.テーブルレイアウト
親要素をdisplay:table、子要素をdisplay:table-cellにすると、インラインブロックになる。
このレイアウトの利点は、互換性が良いことです。
Notification notification = new Notification(
R.mipmap.iic_launcher,"Notification comes",System.currentTimeMillis());
Intent notificationIntent = new Intent(this,MainActivity.class);
PendingIntent pendingIntent = PendingIntent.getActivity(this,0,notificationIntent,0);
notification.setLatestEventInfo(this,"This is title","This is content",pendingIntent);
startForeground(1,notification);
d.フレキシブルレイアウト
親要素のdisplay:flexの子要素は、すべて横一列に並びます。
子要素のflex:nの幅は、親要素の幅になります
flex:1の場合、幅は親要素の高さと同じになります。
フレックスレイアウトの欠点は互換性が低いことで、現在Internet Explorerではフレックスレイアウトを使用することができません
Notification.Builder builder = new Notification.Builder(this);//new Notification.
e.グリッドレイアウト
親要素のdisplay:gridです。
grid-templatecolumns:100px auto 100px;
順番に1番目の子要素が幅100px、2番目の子要素が適応、3番目の子要素が100pxとなります。
グリッドレイアウトのメリットは、非常に簡単で、親要素のスタイルで直接決定されること、デメリットは、互換性があまりないことです。
Intent notificationIntent = new Intent(this, MainActivity.class);
PendingIntent pendingIntent = PendingIntent.getActivity(this, 0, notificationIntent, 0);
builder.setContentTitle("This is title");//set title
builder.setContentText("This is content");//Set the content
builder.setSmallIcon(R.mipmap.ic_launcher);//Set the image
builder.setContentIntent(pendingIntent);//execute intent
Notification notification = builder.getNotification();//convert the builder object to a normal notification
startForeground(1,notification);//Make MyService a foreground service and show it in the system status bar.
以上が今回の記事の内容ですが、皆様の学習のお役に立てれば幸いです。また、スクリプトハウスをもっと応援していただければ幸いです。
関連
最新
-
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 実装 サイバーパンク風ボタン