スタックレイアウトフォームのラベルが途切れるのを防ぐ方法
ファルコ
2つのラベルが隣り合っています。最初のものはかなり長く、必要に応じて切り捨てられるはずです。2番目は完全に表示されるはずです-何があっても。
これは私のコードです：
MainPage = new ContentPage {
Content = new StackLayout {
Orientation = StackOrientation.Horizontal,
VerticalOptions = LayoutOptions.CenterAndExpand,
BackgroundColor = Color.Orange,
Padding = 10,
Children = {
new Label {
Text = "The answer to life the universe and everything",
HorizontalOptions = LayoutOptions.Start,
LineBreakMode = LineBreakMode.TailTruncation,
BackgroundColor = Color.Yellow,
},
new Label {
Text = "42",
HorizontalOptions = LayoutOptions.EndAndExpand,
LineBreakMode = LineBreakMode.NoWrap,
BackgroundColor = Color.Yellow,
},
},
},
};
これは私が得るものです：
私の質問：「42」が途切れるのを防ぐにはどうすればよいですか？
現在の結果の説明： 2番目のラベルが小さすぎる理由はわかっていると思います。両方のラベルのサイズは、最初のテキストが切り捨てられる前にネゴシエートされます。したがって、最初のラベルの方がうまく処理できますが、両方のラベルを少し縮小する必要があります。
アイデア1 ：（スタックレイアウトではなく）相対レイアウトを試してみました。ただし、これはかなり複雑なアプローチであり、iOSとAndroidでは異なる結果が得られます。だから私はもっと簡単な修正を望んでいます。
アイデア2：レイアウトまたはサイズネゴシエーション方法の1つをオーバーライドする必要がありますか？たぶん、「42」レイアウトはそれが望ましい幅を得るのを強制することができます。
アイデア3：サイズネゴシエーションを期待どおりに処理するiOSおよびAndroid用のカスタムラベルレンダラーを思い付くことができるかもしれません。
更新
「42」はほんの一例です。私の最終的なアプリでは、これは動的に変化し、異なる長さの文字列になる可能性があります。したがって、設定MinimumWidthRequestは、レンダリングされた文字列の幅を知らなければ役に立ちません。
マイク・マ
「42」が途切れるのを防ぐにはどうすればよいですか？
あなたは、設定することができMinimumWidthRequest、「42」でLabelカットオフされるのを防ぐために。
詳細についてMinimumWidthRequestは、ドキュメントの備考セクションを参照してください。
コード例：
MainPage = new ContentPage {
Content = new StackLayout {
Orientation = StackOrientation.Horizontal,
VerticalOptions = LayoutOptions.CenterAndExpand,
BackgroundColor = Color.Orange,
Padding = 10,
Children = {
new Label {
Text = "The answer to life the universe and everything The answer to life the universe and everything",
HorizontalOptions = LayoutOptions.Start,
LineBreakMode = LineBreakMode.TailTruncation,
BackgroundColor = Color.Yellow,
},
new Label {
MinimumWidthRequest = 50,
Text = "42",
HorizontalOptions = LayoutOptions.EndAndExpand,
LineBreakMode = LineBreakMode.NoWrap,
BackgroundColor = Color.Yellow,
},
},
},
};
結果は次のとおりです。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ggplot2タイムラインチャートの情報が途切れるのを防ぐ方法
- 2
LinuxでMP4ファイルが途切れるのを防ぐ方法
- 3
エッジラベルがgraphvizのレイアウトを台無しにするのを防ぐ方法は？
- 4
エッジラベルがgraphvizのレイアウトを台無しにするのを防ぐ方法は？
- 5
フレックスアイテムがラップなしでフレックス親からオーバーフローするのを防ぐ方法は？
- 6
ファイアウォールを使用せずにインターネットトラフィックの着信を防ぐ方法は？
- 7
TextFieldウィジェットのカーソルが揺れるのを防ぐ方法は？-フラッター
- 8
allowTextInputがtrueの場合にOfficeUIファブリックReactDatePickerフライアウトがフォーカスを盗むのを防ぐ方法は？
- 9
バベルがジェネレーター関数をトランスパイルするのを防ぐ方法
- 10
BottomNavigationViewアニメーションが途切れるのを防ぐ方法
- 11
フレックスアイテムがフレックスコンテナから溢れるのを防ぐ
- 12
タイムアウトを超えたときにNodeJSスクリプトがクラッシュするのを防ぐ方法
- 13
Symfony2：ブートストラップレイアウトの下のチェックボックスのフォームラベルを設定する
- 14
モバイルデバイスのWebブラウザでタッチイベントがオーバーレイオブジェクトに落ちるのを防ぐにはどうすればよいですか？
- 15
送信フォームヒットからアクションポストメソッドが呼び出されるのを防ぐ方法
- 16
システムトレイアイコンをクリックしたときに現在のウィンドウがフォーカスを失うのを防ぐ方法
- 17
送信ボタンがブートストラップフォームのテキストフィールドの下にスタックするのを防ぐにはどうすればよいですか？
- 18
スプライトがプラットフォームから転倒するのを防ぐ
- 19
JanusGraph画像がクエリのタイムアウト後に応答を停止する、それを防ぐ方法は？
- 20
Matplotlibアノテーションがプロットのフレームから外れるのを防ぐ方法
- 21
自動レイアウト：ベースラインで途切れないようにラベルサイズを調整する方法
- 22
フォーカスアウトのシフト+タブを防ぐ方法は？
- 23
クローム、ファイアフォックス、サファリのズームを防ぐ方法は？
- 24
チェックボックス/ラジオボタンの下で長いテキストラベルが折り返されるのを防ぐ方法は？
- 25
戻るボタンにonbeforeunloadを使用するが、フォームの送信と内部ページのリダイレクトを防ぐ方法
- 26
モバイルでアニメーション SVG のフレームレートが途切れる
- 27
Thunarがデフォルトのファイルブラウザになるのを防ぐ方法は？
- 28
Railsでデータベース接続がタイムアウトするのを防ぐにはどうすればよいですか？
- 29
フレックスボックスの内部要素をスクロールすると背景が途切れる
コメントを追加