Style のプロパティ

テーブルまたはツリー UI コンポーネントのスタイル

テーブル UI コンポーネントのセルまたはツリー UI コンポーネントのノードのビジュアルスタイルを作成するには、Style オブジェクトを使用します。コンポーネントは、関数 uifigure で作成された Figure、またはその子コンテナーのうちの 1 つを親としなければなりません。関数 uistyle を使用して Style オブジェクトを作成し、そのプロパティを指定してから、関数 addStyle を使用してコンポーネントに適用することができます。関数 removeStyle を使用することで、コンポーネントからスタイルを削除できます。

UI コンポーネントに追加した Style オブジェクトは、コンポーネントオブジェクトに設定したプロパティよりも表示で優先されます。それらの作成順序は関係ありません。たとえば次のコードでは、最後に Table オブジェクトの前景色が赤に設定されていますが、テーブル内のフォントは青で表示されます。

uit = uitable(uifigure,'Data',rand(100,10)); 

s = uistyle; 
s.FontColor = 'blue'; 
addStyle(uit,s); 

uit.ForegroundColor = 'red';

色

すべて展開する

`BackgroundColor` — 背景色
`[]` (既定値) | RGB 3 成分 | 16 進数カラーコード | `'r'` | `'g'` | `'b'` | ...

背景色。RGB 3 成分、16 進数カラーコード、または表にリストされた色オプションのいずれかとして指定します。

RGB 3 成分および 16 進数カラーコードは、カスタム色を指定するのに役立ちます。

RGB 3 成分は、色の赤、緑、青成分の強度を指定する 3 成分の行ベクトルです。強度値は [0,1] の範囲でなければなりません。たとえば [0.4 0.6 0.7] のようになります。
16 進数カラーコードは、ハッシュ記号 (#) で始まり、3 桁または 6 桁の 0 から F までの範囲の 16 進数が続く文字ベクトルまたは string スカラーです。これらの値では大文字小文字は区別されません。したがって、カラーコード '#FF8800'、'#ff8800'、'#F80'、および '#f80' は等価です。

あるいは、名前を使用して一部の一般的な色を指定できます。次の表に、名前の付いた色オプション、等価の RGB 3 成分、および 16 進数カラーコードを示します。

色名	省略名	RGB 3 成分	16 進数カラーコード
`"red"`	`"r"`	`[1 0 0]`	`"#FF0000"`
`"green"`	`"g"`	`[0 1 0]`	`"#00FF00"`
`"blue"`	`"b"`	`[0 0 1]`	`"#0000FF"`
`"cyan"`	`"c"`	`[0 1 1]`	`"#00FFFF"`
`"magenta"`	`"m"`	`[1 0 1]`	`"#FF00FF"`
`"yellow"`	`"y"`	`[1 1 0]`	`"#FFFF00"`
`"black"`	`"k"`	`[0 0 0]`	`"#000000"`
`"white"`	`"w"`	`[1 1 1]`	`"#FFFFFF"`

MATLAB^® の多くのタイプのプロットで使用されている既定の色の RGB 3 成分および 16 進数カラーコードを次に示します。

RGB 3 成分	16 進数カラーコード	外観
`[0 0.4470 0.7410]`	`"#0072BD"`
`[0.8500 0.3250 0.0980]`	`"#D95319"`
`[0.9290 0.6940 0.1250]`	`"#EDB120"`
`[0.4940 0.1840 0.5560]`	`"#7E2F8E"`
`[0.4660 0.6740 0.1880]`	`"#77AC30"`
`[0.3010 0.7450 0.9330]`	`"#4DBEEE"`
`[0.6350 0.0780 0.1840]`	`"#A2142F"`

`FontColor` — フォントの色
`[]` (既定値) | RGB 3 成分 | 16 進数カラーコード | `'r'` | `'g'` | `'b'` | ...

フォントの色。RGB 3 成分、16 進数カラーコードまたは表にリストされたオプションのいずれかとして指定します。

RGB 3 成分および 16 進数カラーコードは、カスタム色を指定するのに役立ちます。

RGB 3 成分は、色の赤、緑、青成分の強度を指定する 3 成分の行ベクトルです。強度値は [0,1] の範囲でなければなりません。たとえば [0.4 0.6 0.7] のようになります。
16 進数カラーコードは、ハッシュ記号 (#) で始まり、3 桁または 6 桁の 0 から F までの範囲の 16 進数が続く文字ベクトルまたは string スカラーです。これらの値では大文字小文字は区別されません。したがって、カラーコード '#FF8800'、'#ff8800'、'#F80'、および '#f80' は等価です。

色名	省略名	RGB 3 成分	16 進数カラーコード
`"red"`	`"r"`	`[1 0 0]`	`"#FF0000"`
`"green"`	`"g"`	`[0 1 0]`	`"#00FF00"`
`"blue"`	`"b"`	`[0 0 1]`	`"#0000FF"`
`"cyan"`	`"c"`	`[0 1 1]`	`"#00FFFF"`
`"magenta"`	`"m"`	`[1 0 1]`	`"#FF00FF"`
`"yellow"`	`"y"`	`[1 1 0]`	`"#FFFF00"`
`"black"`	`"k"`	`[0 0 0]`	`"#000000"`
`"white"`	`"w"`	`[1 1 1]`	`"#FFFFFF"`

MATLAB の多くのタイプのプロットで使用されている既定の色の RGB 3 成分および 16 進数カラーコードを次に示します。

RGB 3 成分	16 進数カラーコード	外観
`[0 0.4470 0.7410]`	`"#0072BD"`
`[0.8500 0.3250 0.0980]`	`"#D95319"`
`[0.9290 0.6940 0.1250]`	`"#EDB120"`
`[0.4940 0.1840 0.5560]`	`"#7E2F8E"`
`[0.4660 0.6740 0.1880]`	`"#77AC30"`
`[0.3010 0.7450 0.9330]`	`"#4DBEEE"`
`[0.6350 0.0780 0.1840]`	`"#A2142F"`

テキスト

すべて展開する

`FontName` — フォント名
`''` (既定値) | システムでサポートされているフォントの名前

フォント名。システムでサポートされているフォントの名前として指定します。既定のフォントは、特定のオペレーティングシステムとロケールによって異なります。

指定したフォントが利用できない場合、MATLAB は、アプリが実行中のシステムで利用可能なフォントから最もよく一致するフォントを使用します。

`FontWeight` — フォントの太さ
`''` (既定値) | `'normal'` | `'bold'`

フォントの太さ。次のいずれかの値として指定します。

'normal' — 各フォントで定義されている既定の太さ
'bold' — 'normal' よりも太い文字

すべてのフォントに太字フォントがあるとは限りません。太字がないフォントの場合、'bold' を指定すると標準フォントの太さになります。

`FontAngle` — フォントの角度
`''` (既定値) | `'normal'` | `'italic'`

フォントの角度。'normal' または 'italic' として指定します。すべてのフォントにイタリックのフォントの角度があるわけではありません。イタリックがないフォントの場合、'italic' を指定すると標準フォントの角度になります。

`HorizontalAlignment` — テーブルセルテキストの水平方向の配置
`''` (既定値) | `'left'` | `'right'` | `'center'`

テーブルセルテキストの水平方向の配置。次の表のいずれかの値として指定します。

値	例
`'left'`
`'right'`
`'center'`

水平方向の配置を指定する Style オブジェクトをテーブル UI コンポーネントに追加すると、Table オブジェクトの ColumnFormat プロパティに指定したセル形式の値に関連付けられた位置揃えよりも優先されます。ColumnFormat プロパティは、引き続き通常どおりに値を変換します。

メモ

水平方向の配置を指定する Style オブジェクトをツリー UI コンポーネントに追加した場合、このプロパティはツリーの外観には影響しません。

`HorizontalClipping` — 長いテキストが省略される側
`''` (既定値) | `'left'` | `'right'`

長いテキストが省略される側。次の表のいずれかの値として指定します。

値	例
`'left'`
`'right'`

メモ

水平方向の省略を指定する Style オブジェクトをツリー UI コンポーネントのノードまたはレベルに追加した場合、このプロパティはツリーの外観には影響しません。

`Interpreter` — テキストインタープリター
`''` (既定値) | `'none'` | `'tex'` | `'latex'` | `'html'`

テキストのインタープリター。次のいずれかとして指定します。

'none' — リテラル文字を表示します。
'tex' — TeX マークアップのサブセットを使用してテキストを解釈します。
'latex' — LaTeX マークアップのサブセットを使用してテキストを解釈します。
'html' — HTML マークアップのサブセットを使用してテキストを解釈します。

TeX マークアップ

TeX マークアップを使用して、上付き文字や下付き文字の追加、テキストへの特殊文字の挿入を行うことができます。

修飾子の効果はテキストの末尾まで適用されます。上付き文字と下付き文字は例外であり、次の 1 文字または中かっこで囲まれた文字にのみ適用されます。インタープリターを 'tex' に設定した場合にサポートされる修飾子は次のとおりです。

修飾子	説明	例
`^{ }`	上付き文字	`'text^{superscript}'`
`_{ }`	下付き文字	`'text_{subscript}'`
`\bf`	太字フォント	`'\bf text'`
`\it`	イタリックフォント	`'\it text'`
`\sl`	斜体フォント (通常はイタリックフォントと同じ)	`'\sl text'`
`\rm`	標準フォント	`'\rm text'`
`\fontname{specifier}`	フォント名 — `specifier` をフォントファミリの名前に置き換えます。これは他の修飾子と組み合わせて使用できます。	`'\fontname{Courier} text'`
`\fontsize{specifier}`	フォントサイズ — `specifier` をポイント単位の数値スカラーに置き換えます。	`'\fontsize{15} text'`
`\color{specifier}`	フォントの色 — `specifier` を、`red`、`green`、`yellow`、`magenta`、`blue`、`black`、`white`、`gray`、`darkGreen`、`orange`、`lightBlue` の色のいずれかに置き換えます。	`'\color{magenta} text'`
`\color[rgb]{specifier}`	フォントのカスタムの色 — `specifier` を RGB 3 成分に置き換えます。	`'\color[rgb]{0,0.5,0.5} text'`

次の表に、'tex' インタープリターでサポートされる特殊文字を示します。

文字列	記号	文字列	記号	文字列	記号
`\alpha`	α	`\upsilon`	υ	`\sim`	~
`\angle`	∠	`\phi`	ϕ	`\leq`	≤
`\ast`	`*`	`\chi`	χ	`\infty`	∞
`\beta`	β	`\psi`	ψ	`\clubsuit`	♣
`\gamma`	γ	`\omega`	ω	`\diamondsuit`	♦
`\delta`	δ	`\Gamma`	Γ	`\heartsuit`	♥
`\epsilon`	ϵ	`\Delta`	Δ	`\spadesuit`	♠
`\zeta`	ζ	`\Theta`	Θ	`\leftrightarrow`	↔
`\eta`	η	`\Lambda`	Λ	`\leftarrow`	←
`\theta`	θ	`\Xi`	Ξ	`\Leftarrow`	⇐
`\vartheta`	ϑ	`\Pi`	Π	`\uparrow`	↑
`\iota`	ι	`\Sigma`	Σ	`\rightarrow`	→
`\kappa`	κ	`\Upsilon`	ϒ	`\Rightarrow`	⇒
`\lambda`	λ	`\Phi`	Φ	`\downarrow`	↓
`\mu`	µ	`\Psi`	Ψ	`\circ`	º
`\nu`	ν	`\Omega`	Ω	`\pm`	±
`\xi`	ξ	`\forall`	∀	`\geq`	≥
`\pi`	π	`\exists`	∃	`\propto`	∝
`\rho`	ρ	`\ni`	∍	`\partial`	∂
`\sigma`	σ	`\cong`	≅	`\bullet`	•
`\varsigma`	ς	`\approx`	≈	`\div`	÷
`\tau`	τ	`\Re`	ℜ	`\neq`	≠
`\equiv`	≡	`\oplus`	⊕	`\aleph`	ℵ
`\Im`	ℑ	`\cup`	∪	`\wp`	℘
`\otimes`	⊗	`\subseteq`	⊆	`\oslash`	∅
`\cap`	∩	`\in`	∈	`\supseteq`	⊇
`\supset`	⊃	`\lceil`	⌈	`\subset`	⊂
`\int`	∫	`\cdot`	·	`\o`	ο
`\rfloor`	⌋	`\neg`	¬	`\nabla`	∇
`\lfloor`	⌊	`\times`	x	`\ldots`	...
`\perp`	⊥	`\surd`	√	`\prime`	´
`\wedge`	∧	`\varpi`	ϖ	`\0`	∅
`\rceil`	⌉	`\rangle`	〉	`\mid`	\|
`\vee`	∨	`\langle`	〈	`\copyright`	©

LaTeX マークアップ

LaTeX マークアップを使用するには、インタープリターを 'latex' に設定します。LaTeX マークアップを使用して、数式、方程式、特殊文字を書式設定して表示します。ドル記号を使用してマークアップテキストを囲みます。たとえば、インラインモードでは '$\int_1^{20} x^2 dx$'、表示モードでは '$$\int_1^{20} x^2 dx$$' を使用します。

テキストは LaTeX の既定のフォントスタイルで表示され、FontName、FontWeight、FontAngle のラベルプロパティは無視されます。フォントスタイルを変更するには、LaTeX マークアップを使用します。

MATLAB では、大半の標準の LaTeX 数式モードコマンドがサポートされています。詳細については、サポートされる LaTeX コマンドを参照してください。

HTML マークアップ

HTML マークアップを使用するには、インタープリターを 'html' に設定します。HTML によるフォントスタイルの設定は、等価な Label フォントプロパティをオーバーライドします。たとえば、次のコードは赤いテキストになります。

lbl = uilabel('Interpreter','html');
lbl.Text = '<p style="color: red;">Text</p>');
lbl.FontColor = 'blue';

インタープリターは HTML マークアップのサブセットをサポートします。一般的なガイドラインとして、インタープリターはテキスト関連のタグとスタイルをサポートします。サポートされないタグとスタイルは無視されます。

次の表に、サポートされる要素と要素の属性を一覧します。

HTML 要素	属性	説明
`a`	`style`, `target`, `href`, `title`	ハイパーリンク
`abbr`	`style`, `title`	略語または頭字語
`address`	`style`	連絡先情報
`article`	`style`	自己完結した単独のコンテンツ
`aside`	`style`	主な内容に間接的に関連するコンテンツ
`b`	`style`	太字フォント
`bdi`	`style`, `dir`	周囲のテキストとは異なる方向で書式設定されるコンテンツ
`bdo`	`style`, `dir`	周囲のテキストとは異なる方向で書式設定されるコンテンツ
`big`	`style`	周囲のテキストよりフォントサイズが 1 レベル大きいテキスト (HTML5 では旧式)
`blockquote`	`style`, `cite`	拡張された引用
`br`	N/A	改行
`caption`	`style`	テーブルのキャプションまたはタイトル
`center`	`style`	水平方向に中央揃えされたコンテンツ
`cite`	`style`	参照先のタイトル
`code`	`style`	コードのフラグメント
`col`	`style`, `align`, `valign`, `span`, `width`	テーブル内の列
`colgroup`	`style`, `align`, `valign`, `span`, `width`	テーブル内の列のグループ
`dd`	`style`	説明リストの用語または値
`del`	`style`, `datetime`	ドキュメントから削除されたテキスト
`details`	`style`, `open`	'開いた' 状態に切り替えた場合にのみテキストが表示される対話型ウィジェット
`dl`	`style`	説明リスト
`dt`	`style`	説明リストの用語または値
`em`	`style`	強調表示されるテキスト (通常、イタリックで表示)
`font`	`style`, `color`, `size`, `face`	指定したフォントプロパティのテキスト (HTML5 では旧式)
`footer`	`style`	フッター
`h1`. `h2`, `h3`, `h4`, `h5`, `h6`	`style`	セクション見出し — `<h1>` が見出しの最上位、`<h6>` が最下位
`header`	`style`	導入コンテンツ
`hr`	`style`	主題の区切り
`i`	`style`	周囲のコンテンツからのテキストオフセット — 既定の設定ではイタリックとしてレンダリングされる
`ins`	`style`, `datetime`	ドキュメントに挿入されたテキスト
`li`	`style`	リスト内の項目
`mark`	`style`	マークアップテキストまたは強調表示されたテキスト
`ol`	`style`	順序付きリスト
`p`	`style`	段落
`pre`	`style`	書式設定済みテキスト
`s`	`style`	取り消し線付きのテキスト
`strike`	`style`	取り消し線付きのテキスト (HTML5 では旧式)
`section`	`style`	独立したセクション
`small`	`style`	周囲のテキストよりフォントサイズが 1 レベル小さいテキスト (HTML5 では旧式)
`sub`	`style`	下付き文字
`sup`	`style`	上付き文字
`strong`	`style`	重要度が高いテキスト
`table`	`style`, `width`, `border`, `align`, `valign`	テーブル
`tbody`	`style`, `align`, `valign`	テーブル本体
`td`	`style`, `width`, `rowspan`, `colspan`, `align`, `valign`	テーブルデータセル
`tfoot`	`style`, `align`, `valign`	テーブル列をまとめる一連のテーブル行
`th`	`style`, `width`, `rowspan`, `colspan`, `align`, `valign`	セルのグループのヘッダーとして指定されたテーブルデータセル
`thead`	`style`, `align`, `valign`	列見出しを指定する一連のテーブル行
`tr`	`style`, `rowspan`, `align`, `valign`	テーブルセルの行
`tt`	`style`	固定幅テキスト (HTML5 では旧式)
`u`	`style`	非言語的注釈を使用するテキスト — 既定の設定では下線としてレンダリングされる
`ul`	`style`	順序なしリスト

これらの要素の詳細については、https://developer.mozilla.org/en-US/docs/Web/HTML/Elementを参照してください。

HTML スタイル属性を使用して HTML コンテンツを書式設定できます。スタイル属性は CSS 属性とその値の文字列です。

以下の CSS 属性がサポートされています。

background-color
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
color
direction
font-family
font-size
font-style
font-weight
height
hidden
line-height
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
min-height
min-width
overflow
overflow-wrap
overflow-x
overflow-y
padding
padding-bottom
padding-left
padding-right
padding-top
text-align
text-anchor
text-decoration
text-indent
text-overflow
text-shadow
text-transform
title
translate
white-space
width

これらの属性の詳細については、https://developer.mozilla.org/en-US/docs/Web/CSS/Referenceを参照してください。

アイコン

すべて展開する

`Icon` — 事前定義されているアイコンまたはカスタムアイコン
`''` (既定値) | 文字ベクトル | string スカラー | トゥルーカラーイメージ配列

事前定義されているアイコンまたはカスタムアイコン。文字ベクトル、string スカラー、またはトゥルーカラーイメージ配列として指定します。

事前定義されているアイコン

次の表に、事前定義されているアイコンを指定するための値を一覧します。

値	アイコン
`'question'`
`'info'`
`'success'`
`'warning'`
`'error'`
`'none'`	アイコンは表示されません。

カスタムアイコン

カスタムアイコンを次の値のいずれかとして指定します。

MATLAB パス上にある SVG、JPEG、GIF または PNG イメージのファイル名を指定する文字ベクトルまたは string スカラー。あるいは、イメージファイルの絶対パスを指定することもできます。
トゥルーカラーイメージ配列。詳細については、イメージの種類を参照してください。

`IconAlignment` — テーブルセルアイコンの配置
`''` (既定値) | `'left'` | `'right'` | `'center'` | `'leftmargin'` | `'rightmargin'`

テーブルセルアイコンの配置。次の表のいずれかの値として指定します。この表の例は、HorizontalAlignment スタイルを 'center' に指定したテーブル UI コンポーネントの各 IconAlignment 値を指定した結果を示しています。

値	説明	例
`'left'`	アイコンは、テキストのすぐ左に表示されます。
`'right'`	アイコンは、テキストのすぐ右に表示されます。
`'center'`	アイコンは、セルの中央、テキストの背後に表示されます。
`'leftmargin'`	アイコンは、テキストの位置に関係なく、セルの左端に表示されます。この値は、`HorizontalAlignment` の値が `'left'` のときは `'left'` と等価です。
`'rightmargin'`	アイコンは、テキストの位置に関係なく、セルの右端に表示されます。この値は、`HorizontalAlignment` の値が `'right'` のときは `'right'` と等価です。

メモ

アイコンの配置を指定する Style オブジェクトをツリー UI コンポーネントに追加した場合、このプロパティはツリーの外観には影響しません。

バージョン履歴

R2019b で導入

すべて展開する

R2022a: アイコンの追加およびテキストの書式設定のためのスタイルの作成

テーブルおよびツリー UI コンポーネントに対してアイコンの追加およびテキストの書式設定を行うスタイルを作成します。

スタイルオブジェクトの Icon プロパティを指定して、アイコンをテーブルセルおよびツリーノードに追加します。
スタイルオブジェクトの IconAlignment プロパティを指定して、アイコンがテーブルセル内のテキストを基準として表示される位置を変更します。
スタイルオブジェクトの Interpreter プロパティを指定することで、テーブルセルおよびツリーノードに対して、HTML マークアップを使用してテキストを書式設定したりリンクを追加したり、TeX または LaTeX マークアップを使用して方程式を追加したりします。
スタイルオブジェクトの HorizontalClipping プロパティを指定して、テーブルセルおよびツリーノードで長いテキストが左または右で省略されるかどうかを制御します。

参考

関数

uitable | uitree | uistyle | addStyle | removeStyle

プロパティ

Table のプロパティ | Tree のプロパティ | CheckBoxTree のプロパティ

Style のプロパティ

色

BackgroundColor — 背景色 [] (既定値) | RGB 3 成分 | 16 進数カラー コード | 'r' | 'g' | 'b' | ...

FontColor — フォントの色 [] (既定値) | RGB 3 成分 | 16 進数カラー コード | 'r' | 'g' | 'b' | ...

テキスト

FontName — フォント名 '' (既定値) | システムでサポートされているフォントの名前

FontWeight — フォントの太さ '' (既定値) | 'normal' | 'bold'

FontAngle — フォントの角度 '' (既定値) | 'normal' | 'italic'

HorizontalAlignment — テーブル セル テキストの水平方向の配置 '' (既定値) | 'left' | 'right' | 'center'

HorizontalClipping — 長いテキストが省略される側 '' (既定値) | 'left' | 'right'

Interpreter — テキスト インタープリター '' (既定値) | 'none' | 'tex' | 'latex' | 'html'

TeX マークアップ

LaTeX マークアップ

HTML マークアップ

アイコン

Icon — 事前定義されているアイコンまたはカスタム アイコン '' (既定値) | 文字ベクトル | string スカラー | トゥルーカラー イメージ配列

事前定義されているアイコン

カスタム アイコン

IconAlignment — テーブル セル アイコンの配置 '' (既定値) | 'left' | 'right' | 'center' | 'leftmargin' | 'rightmargin'

バージョン履歴

R2022a: アイコンの追加およびテキストの書式設定のためのスタイルの作成

参考

関数

プロパティ

`BackgroundColor` — 背景色
`[]` (既定値) | RGB 3 成分 | 16 進数カラーコード | `'r'` | `'g'` | `'b'` | ...

`FontColor` — フォントの色
`[]` (既定値) | RGB 3 成分 | 16 進数カラーコード | `'r'` | `'g'` | `'b'` | ...

`FontName` — フォント名
`''` (既定値) | システムでサポートされているフォントの名前

`FontWeight` — フォントの太さ
`''` (既定値) | `'normal'` | `'bold'`

`FontAngle` — フォントの角度
`''` (既定値) | `'normal'` | `'italic'`

`HorizontalAlignment` — テーブルセルテキストの水平方向の配置
`''` (既定値) | `'left'` | `'right'` | `'center'`

`HorizontalClipping` — 長いテキストが省略される側
`''` (既定値) | `'left'` | `'right'`

`Interpreter` — テキストインタープリター
`''` (既定値) | `'none'` | `'tex'` | `'latex'` | `'html'`

`Icon` — 事前定義されているアイコンまたはカスタムアイコン
`''` (既定値) | 文字ベクトル | string スカラー | トゥルーカラーイメージ配列

カスタムアイコン

`IconAlignment` — テーブルセルアイコンの配置
`''` (既定値) | `'left'` | `'right'` | `'center'` | `'leftmargin'` | `'rightmargin'`