QMLテキストコントロールと省略記号を持つ複数行のテキスト表示

QMLテキストコントロールが非編集可能なテキストを表示するように設計され、機能は非常に強力です。複数行のテキストを変更して、あなたは変更する必要があります:WrapMode Text.WrapAnywhereを Elideの:Text.ElideRight maximumLineCount:2

  1インポートQtQuick 2.9 
  2インポートQtQuick.Window 2.2 
  3  
  4  ウィンドウ{
   5      目に見える:
  6      の幅:640 
  7      の高さ:480 
  8      タイトル:QSTR(" ハローワールド"   9      テキスト{
 10          ID:text_test
 11  
12                      幅:200 
13  
14                      anchors.horizo​​ntalCenter:parent.horizo​​ntalCenter
 15  
16                      クリップ:  // カットオフテキストが表示範囲、falseにデフォルトを超えた場合
。17  
18はある                      テキスト:こんにちはWo111111111111111111111       // テキストを表示する
。19  
20                      カラー:            // テキストカラー
21は、 
22である                      font.family:コーベル   // フォント
23は、 
24                      font.pixelSize:25       // 設定フォントサイズの画素
 25  
26である                     // font.pointSize:100      // フォントサイズはピクセルサイズが設定値を指すように設定され、この設定は無効であり、
27  
28                     Font.Bold:trueに         // 、イタリックボールド、デフォルトはfalse 
29  
30                      font.capitalization:Font.MixedCaseは// テキストケースを設定し、ケースを使用しない場合、デフォルト値の
 31が 
32                      // font.capitalization:Font.AllUppercase // 全てのキャップ
 33は、 
34である                     // font.capitalization:Font.AllLowercase    // すべて小文字
 35  
36                      // font.capitalization:Font.SmallCaps        // 小文字小キャップ
 37 [  
38は、                     // font.capitalization:Font.Capitalize         // 最初の文字の最初の言葉は大文字
39  
40                     Font.ITALIC:真に         // 設定し斜体のフォントスタイルのデフォルト値をfalseに
41がある 
42れ                      font.letterSpacing:8     // 文字間の距離を設定し、正のデフォルトの距離の数を増加させるためには、負減らすために
 43がある 
44はある                     // font.strikeout:trueに      // 取り消し(中央の線)かどうかを設定、デフォルトはfalse 
45  
46です                      font.underline:trueに     // ライン、falseにデフォルトが拒否した場合に提供
 47  
48                      @ Font.Light:font.weight
 49  
50                      // font.weightを:Font.Normal
 51は 
52である                     // Font.DemiBold:font.weightが
 53である 
54である                     //font.weight :. Font.Bold
 55  
56である                     @ font.weight:Font.Black 
57は、 
58                      :font.wordSpacing 10       // 距離が単語の間に設けられている
 59  
60                      @ たHorizo​​ntalAlignment:Text.AlignRight // 右揃え
 61である 
62れる                     // たHorizo​​ntalAlignment:Text.AlignLeft     // 63  
64                      // たHorizo​​ntalAlignment:Text.AlignHCenter    // 真ん中揃える
65  
66                      たHorizo​​ntalAlignment:Text.AlignJustify
 67  
68                      // VerticalAlignmentを:Text.AlignTop      // に並ん
69  
70                      VerticalAlignmentを:Text.AlignBottom      // で配列
 71は、 
72                      @ VerticalAlignmentを:Text.AlignVCenter   // 中間位置合わせ
73は、 
74                      :スムース真へ        // 滑らか
 75  
76                      @ スタイル:Text.Normal設定フォントスタイル
 77  
78                      // スタイル:Text.Outline
 79  
80                     // スタイル:Text.Raised
 81  
82                      // Text.Sunken:スタイル
83  
84                      styleColor:" ブルー // 使用スタイルを持つ
 85  
86                      @ textFormatデータ:Text.AutoText // テキスト表示属性
 87  
88                      @ textFormatデータ:Text.PlainText
 89  
90                      @ textFormatデータを:Text.RichText
 91は、 
92                      @ textFormatデータ:Text.StyledText 
93  
94                      WrapMode:Text.WrapAnywhere    // ラッピング性が、の明確な幅が必要と
 95  
96                     // WrapModeを:Text.WordWrap     // 
97  
98                 // WrapMode:Text.WrapAnywhere
 99  
100                      // WrapMode:Text.Wrap 
101 
102                      Elideの:Text.ElideRight // 代わりに、表示範囲の使用を超え...
 103  
104                      // Elideのを:Text.ElideNone
 105  
106                      // Elideの:Text.ElideMiddle
 107  
108                      // Elideの:Text.ElideLeft 
109                      lineHeightMode:Text.FixedHeight   // 間隔
110は                      lineHeight:20は
111                      :maximumLineCount 2 
112  
113              onImplicitWidthChanged:{ // 表示されるテキスト自体は、トリガ信号の長さ変化
114                      (にconsole.log "implicitWidth = "text_test.implicitWidth)
 115                      はconsole.log(" implicitHeight = " 、text_test.implicitHeight)
 116                     }
 117     }
 118 }  

レンダリング:

 

おすすめ

転載: www.cnblogs.com/wxmwanggood/p/10929191.html