「QMLのコントロール - ColumnとColumnLayout」の版間の差分

📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。(旧サイトでは記事を追加しておりません)

 
(同じ利用者による、間の1版が非表示)
133行目: 133行目:
[Space]キーを押下した時、緑の<code>Rectangle</code>の可視値が切り替わる。<br>
[Space]キーを押下した時、緑の<code>Rectangle</code>の可視値が切り替わる。<br>
緑の<code>Rectangle</code>の表示 / 非表示により、青の<code>Rectangle</code>が列の中で移動して、<code>move</code>プロパティが青の<code>Rectangle</code>に自動的に適用される。<br>
緑の<code>Rectangle</code>の表示 / 非表示により、青の<code>Rectangle</code>が列の中で移動して、<code>move</code>プロパティが青の<code>Rectangle</code>に自動的に適用される。<br>
[[ファイル:QML Column Video 1.mp4|フレームなし|中央]]
<center><embedvideo service="youtube">https://youtu.be/oh_k-kf34M4</embedvideo></center><br>
 
<br>
  <syntaxhighlight lang="qml">
  <syntaxhighlight lang="qml">
  Column {
  Column {
315行目: 315行目:
*: <code>margins</code>プロパティも参照すること。
*: <code>margins</code>プロパティも参照すること。
<br>
<br>
== サンプルコード ==
==== サンプルコード ====
以下の例は、<code>ColumnLayout</code>のサンプルコードである。<br>
以下の例は、<code>ColumnLayout</code>のサンプルコードである。<br>
[[ファイル:QML ColumnLayout 1.png|フレームなし|中央]]
[[ファイル:QML ColumnLayout 1.png|フレームなし|中央]]