リッチテキスト

www.altova.com すべてを展開/折りたたむ このトピックを印刷 前のページ 1つ上のレベル 次のページ

ホーム >  コントロールとコントロールイベント > コントロール >

リッチテキスト

リッチテキストコントロールにより、フォーマット(スタイル)と共にマークアップされているテキスト内のページソースから書式設定されたテキストを表示することが可能になります。更に、Web クライアントと Windows PC クライアント上で、リッチテキストコントロールを編集、書式設定し、ページソースに戻し保存することができます。 リッチテキストの機能の広義の説明に関しては、「オブジェクト/機能のデザイン  | リッチテキスト」を参照してください。

 

Click to expand/collapseメモ
( [スタイル & プロパティ] ペイン) スタイルまたはプロパティをリセットする場合、プロパティを選択してペインのツールバー [リセット] をクリックします。
( [スタイル & プロパティ] ペイン) スタイルまたはプロパティをリセットする場合、プロパティを選択してペインのツールバー [リセット] をクリックします。
デザイン内で他の場所に [コントロールをコピーする] 場合は、[Ctrl] を押して、コントロールを希望する場所にドラッグアンドドロップします。

 

リッチテキストイベント

編集の終了時 イベント を使用することができます。このイベントのために定義することのできるアクションの詳細に関しては、アクションセクションを参照してください。

 

リッチテキストプロパティ

[スタイル & プロパティ] ペイン で使用可能なコントロールのプロパティは以下に表示される順にリストされています。

 

Click to expand/collapse名前

ページまたはプロジェクトの他の場所からのコントロールを参照するために使用されます。値フィールドの内側をダブルクリックして編集します。

 

Click to expand/collapseテキスト

テキストプロパティは以下の値から取得されます:

 

コントロールで表示される固定値テキスト文字列
ページソースのノードからデータを取得し、コントロールでこの値を表示するXPath 式

 

編集する値フィールドをダブルクリックします、または、 XPath ツールバー ボタンをクリックして、必要なテキストを生成する XPath 式を入力します。コントロールの一部にはプロパティ値を入力するための 2 通りの方法があります: プロパティを右クリックして、コンテキスト メニューから方法を選択します (固定値または XPath)。他のコントロールに関しては、プロパティの入力方法は 1 つしかありません。

 

メモ: $MTControlValue 変数を、テキスト プロパティの値を生成するために使用することは、できません。使用された場合、検証エラーの結果が発生します。

 

Click to expand/collapse可視

true() または false()を評価する XPath 式です。式が、false()のみを評価する場合、false()と評価した場合、コントロールは可視ではありません。  式が true() を評価し、または他の値を返す場合、コントロールは可視です。デフォルトは true() です。 値フィールドをダブルクリックして、または、 [XPath] ボタンをクリックして XPath 式を入力または編集します。 可視プロパティは、 XPath 式がを評価するにかかわらず、オブジェクトを可視に表示するために使用できます。この結果、オブジェクトの表示は、データの構造とデータに基づき動的に行うことができます。

 

メモ:  スパンされた列または行の可視性に関してはテーブルプロパティを参照してください。

 

メモ: $MTControlValue 変数は、可視 プロパティの評価のために使用することは、できません。使用された場合、検証エラーの結果が発生します。

 

 

Click to expand/collapse有効化された/編集可能な

コントロールは、プロパティの値が true (有効化) または false (無効化) であるかにより、有効化または無効化されています。(コンボ ボックスから選択または、値フィールドをダブルクリックして希望する値を入力することで)値を直接入力することができます。 値は、 ブール値の true または false を評価する XPath 式であることもできます。デフォルトの値は true です。典型的な 有効化/編集可能なプロパティの XPath 式は、ノードの存在または値をチェックします。式が true と評価した場合、コントロールが有効化されます。

 

Click to expand/collapseヒント

エンドユーザーにテキスト化したヒントを与えます。例えば、エンドユーザーがコントロールを使用して実行するアクションについてのヒントを提供します。プロパティの値フィールドの内側をダブルクリックして、テキスト化したヒントを編集します。または、 XPath ツールバー ボタンをクリックして、 XPath 式を入力して必要なテキストを生成します。

 

Click to expand/collapseテキストヒントの色

コントロールのヒントのテキストの色を設定します。このテキストの色はヒント プロパティで定義されたテキストの色になります(上を参照)。色選択するために次を行います:

 

色パレットをクリックして背景色を選択します
コンボ ボックスのドロップダウン リストから色を選択します
値フィールドをダブルクリックして色コードを入力します (例えば、 #FF0000)、または XPath ツールバー ボタンをクリックして XPath 式を入力して必要なテキストを生成します。

 

Click to expand/collapseリッチテキストスタイルシート

デザインのリッチテキストスタイルシートがリッチテキストのコントロール内のテキストのレイアウトのために使用されるかを指定します。プロパティのコンボボックスのドロップダウンリストは、(リッチテキストスタイルシート ダイアログにより作成された)プロジェクトのリッチテキストスタイルシートのすてべを表示します。

 

Click to expand/collapse水平の配置

水平の配置を左、中央、右に設定します。デフォルトは中央です。  値は XPath 式を使用しても定義することができます (これにより値は動的に生成されることができます)。

 

Click to expand/collapse幅のコントロール

幅のコントロールを設定します。プロパティのコンボボックスから値を選択します。以下の値を使用することができます:

 

fill_parent: 幅のコントロールを、たとえば、テーブルのセルまたはテーブルなどの、親と同様にします。
wrap_content: 幅のコントロールを、コンテンツが必要なだけの幅にします。
パーセンテージの値: ページ幅のパーセンテージ。ドロップダウンリストから値を選択するか、直接値を入力します。
ピクセルの値: ドロップダウンリストからピクセルの値を選択するか、または、直接値を入力します。

 

効果としては、 fill_parent は最大幅を作成し、 wrap_content は最小幅を作成します。 イメージ および チャート コントロール以外の全てのコントロールのデフォルトは fill_parent です。 Image および Chart コントロールのデフォルトは wrap_contentです。

 

長さを定義するプロパティのためのピクセルの値を入力すると、 iOS デバイスで表示する際には、これらの値は、ビューポート座標スペース内でポイントとして読み込まれます。 ビューポート座標スペースは、デザインコンポーネントが描かれ、ポイントがこのスペース内で長さの単位として使用されているカンバスです。ここで使用されるポイントとは、一インチの 1/72 に等しい単位ではありません。iOS デバイスは自動的に ビューポイント座標スペースポイントデバイス座標スペース内のピクセルに自動的にマップします。iOS デバイスの解像度、または、使用されるユニットに関わらず、 (ビューポート値からデバイスの値に) 値をこのようにマップすることにより、デザインコンポーネントは、両方のキャンバスに対して同じリレーションシップを同じサイズで保つことができます。

 

MobileTogether Designer では、$MT_CanvasX$MT_CanvasY 動的変数を使用して、現在のビューポート(キャンバス) を確認し、これらのディメンションに相対的な長さを取得することができます。 (iOS デバイスのためには、これらの変数により返される値は、次の通りです:  (適切な変換の要素を使用して)現在のデバイス座標スペースピクセル ディメンションは、ビューポート座標スペース内で値を示すために変換されます。これらのポイントはデザイン内で表示されるためにピクセルとして数値で変数により返されます)。例えば、イメージをビューポートの幅の半分にする場合、 $MT_CanvasX * 0.5 に同等のピクセルセルを与えます。このイメージの幅のための XPath 式 は concat($MT_CanvasX * 0.5, 'px') です。

Click to expand/collapseコントロール幅の最大値

コントロール幅の最大値を設定します。プロパティのコンボボックスから値を選択します。以下の値を使用することができます:

 

パーセンテージの値: ページ幅のパーセンテージ。ドロップダウンリストから値を選択します、または、直接値を入力します。
ピクセルの値: ドロップダウンリストからピクセルの値を選択します、または、直接値を入力します。

 

Click to expand/collapseリッチテキストの高さ

リッチテキストコントロールの高さを指定します。デフォルトの振る舞いにより、コンテンツが増えるとコントロールの高さがスクリーンの高さまで増加します。高さの最高値まで達すると、コントロールのコンテンツの部分にスクロールバーが表示されます。また、コントロールのために高さを(ピクセルで) 設定することができます。

 

Click to expand/collapse余白

コントロールの余白を周りのオブジェクトまたはオブジェクトを含む囲いに相対して設定します。コンボ ボックスのドロップダウン リストからピクセル値を選択、または値フィールドにピクセル値を入力します。特定の余白はコントロールの4つのサイドすべてに対して設定することができます。4つの辺のため異なる余白を設定するには、余白 プロパティを展開して、 個別の余白 (左側、右側、上側、下側) を表示します。例えば、余白を を 6px に設定し、 下の余白12px に設定すると、上側、左側、および、右側の余白は 6px になり、下の余白は 12px になります。

 

 

長さを定義するプロパティのためのピクセルの値を入力すると、 iOS デバイスで表示する際には、これらの値は、ビューポート座標スペース内でポイントとして読み込まれます。 ビューポート座標スペースは、デザインコンポーネントが描かれ、ポイントがこのスペース内で長さの単位として使用されているカンバスです。ここで使用されるポイントとは、一インチの 1/72 に等しい単位ではありません。iOS デバイスは自動的に ビューポイント座標スペースポイントデバイス座標スペース内のピクセルに自動的にマップします。iOS デバイスの解像度、または、使用されるユニットに関わらず、 (ビューポート値からデバイスの値に) 値をこのようにマップすることにより、デザインコンポーネントは、両方のキャンバスに対して同じリレーションシップを同じサイズで保つことができます。

 

MobileTogether Designer では、$MT_CanvasX$MT_CanvasY 動的変数を使用して、現在のビューポート(キャンバス) を確認し、これらのディメンションに相対的な長さを取得することができます。 (iOS デバイスのためには、これらの変数により返される値は、次の通りです:  (適切な変換の要素を使用して)現在のデバイス座標スペースピクセル ディメンションは、ビューポート座標スペース内で値を示すために変換されます。これらのポイントはデザイン内で表示されるためにピクセルとして数値で変数により返されます)。例えば、イメージをビューポートの幅の半分にする場合、 $MT_CanvasX * 0.5 に同等のピクセルセルを与えます。このイメージの幅のための XPath 式 は concat($MT_CanvasX * 0.5, 'px') です。

 

Click to expand/collapseタブの順序

タブの順序のプロパティは、値として整数を取り、または、整数を評価する XPath 式を取ります。 この整数の数はタブの順序のシーケンス内のコントロールの位置です。

 

タブの順序は、 Tab キーをクライアントデバイスのユーザーがクリックすると、フォーカスを受けるコントロール内のシーケンスを指します。 「ページ | タブの順序を表示/定義する」 メニュー コマンドを使用してページのすべてのコントロールの視覚的なコンテキスト内のタブの順序のシーケンスの全体を素早く設定することができます。個別のコントロールのタブの順序 プロパティは、そのコントロールのみのシーケンスのポジションを設定します。

 

メモ:    タブの順序機能は、 Web と Windows クライアント上でのみ使用することができます。

 

 

Click to expand/collapseスタイルシート

スタイルシートプロパティは、コントロールのために使用されるスタイルシートを設定します。 スタイルシート プロパティのコンボボックスのドロップダウンリストがユーザーが作成したすべてのスタイルシート を表示します。 コントロールのために使用するスタイルシートを選択してください。 または、 XPath 式を使用して使用するスタイルシートを選択します。 後者の方法の利点はスタイルシートの一部を条件月に設定できることです (次を参照 ユーザの作成したスタイルシートを適用する)。 詳細に関しては、スタイルシートを参照してください。

 

Click to expand/collapseブラウザー CSS クラス

このコントロールと関連付けられる 1 つまたは複数の CSS クラス。スペースを使用して複数のクラスを割り当てます: LabelClassOne LabelClassTwo。これらのクラスは、(ブラウザー設定ダイアログで指定された) CSS ファイル内で、このコントロールのためにプロパティを割り当てるために使用することができます。

 

 


(C) 2019 Altova GmbH