よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ
Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。 それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 レイアウトやUIコンポーネントだけを実装するコード CSS Layoutの特徴 CSS Layoutは、よく使用されるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。 CSS Layout 依存関係は一切無し フレームワークは必要無し ピュアCSSで実装、CSS
UICollectionView の Layout で悩んだら - クックパッド開発者ブログ
こんにちは、サービス開発部の氏です。 主にiOSのクックパッドアプリの開発を担当しています。 UICollectionViewLayout みなさん使ってますか？ UICollectionView でレイアウトを組む際、実際触り始めると実装するための選択肢が複数あり、どれが最適なのか悩ましい場面に遭遇する人もいるのではないかと思います。 今回は、自分が業務で触れた際に得た知見について軽くお話したいと思います。 UICollectionVIewLayout とは UICollectionView は Cellのサイズや余白等のレイアウトを管理するため、プロパティとして、 UICollectionViewLayout を所持しています。 この UICollectionViewLayout に手をいれることによって、レイアウトを好きな形に変更することができます。 レイアウトを組み立てるときの複数
[Android] ButtonをJavaコードだけで設定する
レイアウトは他にもありますが、LinearLayoutのケースで基本的な設定とダイナミックにボタンの位置を変更したり、またRelativeLayoutのケースでも確認してみたいと思います。 setContentView setContentView はその名の通り、スクリーン画面にViewを設定するメソッドです。設定されるViewはいくつかあるLayout形式の一つでまとめられたViewグループになります。 setContentViewのメソッドは引数の取り方でいくつかあります setContentView(int layoutResID) レイアウトXMLファイルのIDを指定 setContentView(View view) 簡略形です。今回はこれを使います setContentView(View view, ViewGroup.LayoutParams params) Ref: An
![[Android] ButtonをJavaコードだけで設定する](https://cdn-ak-scissors.b.st-hatena.com/image/square/81c32b896bca9332135788de4262656a4731f619/height=288;version=1;width=512/https%3A%2F%2Fakira-watson.com%2Fwp-content%2Fuploads%2F2019%2F06%2Fcat26_00.jpg)
フラグメント | Android デベロッパー | Android Developers
フラグメント Part of Android Jetpack. Fragment は、FragmentActivity でのユーザー インターフェースの挙動や部位を表すものです。1 つのアクティビティに複数のフラグメントを組み合わせてマルチペイン UI をビルドしたり、複数のアクティビティでフラグメントを再利用したりできます。フラグメントとは、アクティビティのモジュラー セクションのようなもので、独自のライフサイクルを持ち、独自の入力イベントを受信します。フラグメントはアクティビティの実行中に追加したり削除したりできます（別のアクティビティで再利用できる「サブ アクティビティ」のようなものです）。 フラグメントは常にアクティビティでホストされている必要があり、フラグメントのライフサイクルはホストのアクティビティのライフサイクルの影響を直接受けます。たとえば、アクティビティが一時停止している
【Android】RelativeLayout の仕組みについて理解しよう | PSYENCE:MEDIA
この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2015 の投稿記事です。 こんにちは。2015年度新卒 Android エンジニアの王でございます。 Android には様々な UI エレメントがあります。FrameLayoutやLinearLayoutなどの ViewGroup。ButtonやTextViewのようなViewなどなど…。特に開発中においては、RelativeLayout を駆使することが多いです。RelativeLayout は LinearLayout と比べてより自由に UI エレメントの位置を設定することができ、それによってレイアウトのネスト数を削減することが出来るのが特徴です。 今回は、ソースコードを交えつつ RelativeLayout の描画の仕組みについて説明します。 RelativeLayout とは A
今さら聞けないRelativeLayoutの話 - Qiita
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="16dp"> <ImageView android:id="@+id/image_icon" android:layout_width="96dp" android:layout_height="96dp" android:layout_marginRight="16dp"/> <TextView android:id="@+id/text_primary" android:layout_width="match_parent" android:layout_hei
declaring-layout?hl=ja
レイアウト Android Jetpack の一部 レイアウトは、アクティビティなど、アプリ内のユーザー インターフェースの構造を定義します。レイアウトの要素はすべて、View オブジェクトと ViewGroup オブジェクトの階層を使用して作成されます。View は通常、ユーザーに表示される、ユーザーが操作できるものを描画します。一方、ViewGroup は非表示のコンテナであり、図 1 に示すように、View と他の ViewGroup のオブジェクトのレイアウト構造を定義します。 図 1. UI レイアウトを定義するビュー階層の図 View オブジェクトは、通常「ウィジェット」と呼ばれ、Button や TextView など、多くのサブクラスのいずれかになります。ViewGroup オブジェクトは、通常「レイアウト」と呼ばれ、LinearLayout や ConstraintLay
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
