質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Xamarin

Xamarin(ザマリン)は、iPhoneなどのiOSやAndroidで動作し、C# 言語を用いてアプリを開発できるクロスプラットフォーム開発環境です。Xamarin Studioと C# 言語を用いて、 iOS と Android の両方の開発を行うことができます。

Q&A

解決済

1回答

919閲覧

Xamarin.Forms LabelのMaxLines変更時の高さ調整

show5tk

総合スコア7

Xamarin

Xamarin(ザマリン)は、iPhoneなどのiOSやAndroidで動作し、C# 言語を用いてアプリを開発できるクロスプラットフォーム開発環境です。Xamarin Studioと C# 言語を用いて、 iOS と Android の両方の開発を行うことができます。

0グッド

0クリップ

投稿2017/11/10 08:17

こんにちは。

Xamarin.FormsでMaxLinesはありませんので、以下のエフェクトを用いて設定しています。参考
このエフェクトを使って2行表示と全行表示を切り替えたいのですが、切り替えてもラベルの高さがテキストに合わせて伸び縮みしてくれません。SizeToFit()も効いてくれません。なにが原因でしょうか。

###iOS

csharp

1 public class LineBreakLabelEffect : PlatformEffect 2 { 3 protected override void OnAttached() 4 { 5 var label = Control as UILabel; 6 7 if (label == null) { return; } 8 label.LineBreakMode = UILineBreakMode.TailTruncation; 9 label.Lines = 2; 10 label.SizeToFit(); 11 } 12 13 protected override void OnDetached() 14 { 15 var label = Control as UILabel; 16 17 if (label == null) { return; } 18 label.LineBreakMode = UILineBreakMode.WordWrap; 19 label.Lines = 1000; 20 label.SizeToFit(); 21 } 22 }

###Android

csharp

1 public class LineBreakLabelEffect : PlatformEffect 2 { 3 protected override void OnAttached() 4 { 5 var label = Control as TextView; 6 7 if (label == null) { return; } 8 9 label.Ellipsize = Android.Text.TextUtils.TruncateAt.End; 10 label.SetMaxLines(2); 11 } 12 13 protected override void OnDetached() 14 { 15 var label = Control as TextView; 16 17 if (label == null) { return; } 18 label.SetMaxLines(1000); 19 } 20 }

###PCL

csharp

1 if (isOpen) 2 { 3 if (LblBody.Effects.Count > 0) 4 { 5 LblBody.Effects.RemoveAt(0); 6 } 7 } 8 else 9 { 10 LblBody.Effects.Add(Effect.Resolve("Sample.LineBreakLabelEffect")); 11 }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

Native側の行数を変更してNative側のViewのサイズが変わったとしてもFormsのラッパーのようなものに反映されていないからだと思います。
例えば以下のようにFormsのLabelのHeightRequestを設定してあげるとサイズが反映されると思います。

iOS

cs

1var size = label.SizeThatFits(Container.Frame.Size); 2Element.HeightRequest = size.Height;

Android

cs

1var size = Container.Context.FromPixels(label.Height); 2Element.HeightRequest = size;

追記

AndroidのTextViewはMaxLinesとMinLines両方指定しないと高さ固定にはならなかったと記憶しています。固定したい場合は以下のようにします。

cs

1label.SetSingleLine(false); //追記 2label.SetMaxLines(2); 3label.SetMinLines(2);

すみません、2.5.0への移行作業で気づいたんですが、2.4.0あたりからFormsのLineBreakModeをTailTruncationなどにしていると強制的に1行表示となってしまうようです。
なのでSetSingleLine(false)をSetMaxLinesとSetMinLinesの前に設定しないと複数行表示が有効にならなくなっていました。

投稿2017/11/10 13:47

編集2017/11/22 10:09
kamu

総合スコア208

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

show5tk

2017/11/14 02:00

なるほど、HeightRequestを設定するのですね。 iOSはそちらのコードでうまく動きました。ありがとうございます。 AndroidはそもそもNative側の行数を変更したときに高さが変更できていません。iOSのsizeToFit()のように何か反映させる方法がありますか?
kamu

2017/11/15 06:57

追記してみました。ご確認お願いします。
show5tk

2017/11/16 01:40

どうしてもサイズがとれず、最終的にMeasureメソッドを呼んでMeasuredHeightで取得できた高さをHeightRequestに設定して解決しました。ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問