[Android] wrap_contentを適用したTextViewの現在の高さを取得しlayout_heightを設定する-Androidアプリ個人開発者の実践的アドバイス集

あるビューの高さをアプリケーション実行中に固定したい場合、部品名.heightに任意の高さを入力することで実現できます。
  
  
これが必要になる場面として、例えば、<code>setAutoSizeTextTypeUniformWithConfiguration()</code>は、指定するTextViewの高さや幅がwrap_contentになっていると正しく動作しないため、任意の高さに固定する必要があります。
  
ここでは、wrap_contentを使わずに、TextViewを可能な限り高く設定する方法を紹介します。

## TextViewの上下にあるビューの座標を元に適切なheightを求める

一つの方法として、上下のビューの座標から相対的に値を求めることが考えられます。layout_widthはmatch_parent、layout_heightはwrap_contentであると仮定します。
  
kotlinでのコードは以下の通りです。

```kotlin
var viewTopButtonVerticalPositionBottom = 0.0F
var viewButtomButtonVerticalPositionTop = 0.0F

buttonTop.post {
	viewJudgeButtonVerticalPositionBottom = buttonTop.y + buttonTop.height
}
buttonBottom.post {
	val layoutParams = buttonBottom.layoutParams as ViewGroup.MarginLayoutParams
	viewButtomButtonVerticalPositionTop = buttonBottom.y - layoutParams.topMargin
}

textView.post {
	val layoutParams = textView.layoutParams as ViewGroup.MarginLayoutParams
	textView.height = (viewButtomButtonVerticalPositionTop - viewTopButtonVerticalPositionBottom - layoutParams.topMargin).toInt()
}  
```

buttonTopが画面の上部、buttonBottomが画面の下部、textViewがbuttonTopとbuttonBottomに囲まれているレイアウトを考えてみてください。
  
簡単に解説を付け足します。
  
- <code>.post</code>を使っているのは、各ビューが確実に描画された後に実行するためです。<code>.post</code>で囲まないと、.yや.heightなどのプロパティの値が0になる可能性があります。
  
- MarginLayoutParamsクラスは、Viewのマージンに関連するプロパティを提供します。これには上下左右のマージンの値が含まれます。これを使ってビュー間のマージンを考慮します。私の設計ではtopのみマージンを設定し、bottomにはマージンを設定していないため上記のコードになりますが、bottomマージンも考慮する必要があれば考慮してください。
  
- textView.heightに設定するのはInt型ですが、各座標値がFloat型で返ってくるので、Intにキャストする必要があります。
  
- viewButtomButtonVerticalPositionTop - viewTopButtonVerticalPositionBottom - layoutParams.topMargin の計算結果は、他のビューに干渉せずに確保できる最大の大きさになります。

以下にそれぞれの値を図示します。

<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF34bDPR5SKkmvBs106LGKWSvFhqDoajNVgSxIHACmY5RkEXU5du0QjncLUK6O_We9v5PFDWQL9oTzeD4-vlkg4Btj53vuKGxgeBMLfrPlGDpEmeY_q1Uc9cB6ilLZWPWR8xRHnAufs9dfSSkdu91umD8RnYxmXoraAJXFSoyIVZsaS57lv05QdB57ng/s1683/layout.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="TextViewロケーションの計算" border="0" height="600" data-original-height="1683" data-original-width="1190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF34bDPR5SKkmvBs106LGKWSvFhqDoajNVgSxIHACmY5RkEXU5du0QjncLUK6O_We9v5PFDWQL9oTzeD4-vlkg4Btj53vuKGxgeBMLfrPlGDpEmeY_q1Uc9cB6ilLZWPWR8xRHnAufs9dfSSkdu91umD8RnYxmXoraAJXFSoyIVZsaS57lv05QdB57ng/s600/layout.png"/></a></div>
  
  
<br>
  
このようにtextViewの高さが指定できれば、<code>setAutoSizeTextTypeUniformWithConfiguration()</code>をtextViewに適用できます。<code>setAutoSizeTextTypeUniformWithConfiguration()</code>の使い方は以下の記事をご参照ください。
  
<iframe class="hatenablogcard" style="width:100%;height:175px;margin:15px 0;max-width:680px;" title="%title%" src="https://hatenablog-parts.com/embed?url=https://androidappsadvices.blogspot.com/2023/05/setautosizetexttypeuniformwithconfiguration.html" frameborder="0" scrolling="no"></iframe>

[Android] wrap_contentを適用したTextViewの現在の高さを取得しlayout_heightを設定する

0 件のコメント:

コメントを投稿

このブログを検索

ラベル

自己紹介

人気の投稿

不正行為を報告

リリースしたAndroidアプリ