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

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

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

XMLは仕様の1つで、マークアップ言語群を構築するために使われています。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

Q&A

解決済

1回答

3252閲覧

android ConstraintLayoutでImageViewとTextViewの高さを揃えたい。

Jellyfish0511

総合スコア16

XML

XMLは仕様の1つで、マークアップ言語群を構築するために使われています。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

0グッド

0クリップ

投稿2021/04/02 16:33

androidのソフト開発を独力で学んでいる者です。
ConstraintLayoutでImageViewとTextViewを横方向に高さを揃えて配置したいと考えています。
(ImageViewの縦中央とTextViewの縦中央が揃うイメージ)

XML

1<androidx.constraintlayout.widget.ConstraintLayout 2 xmlns:android="http://schemas.android.com/apk/res/android" 3 xmlns:app="http://schemas.android.com/apk/res-auto" 4 android:layout_height="match_parent" 5 android:layout_width="match_parent"> 6 7 <ImageView 8 android:id="@+id/imageView" 9 android:layout_width="wrap_content" 10 android:layout_height="wrap_content" 11 android:layout_marginStart="8dp" 12 android:layout_marginTop="8dp" 13 android:src="@drawable/sample_img" 14 app:layout_constraintStart_toStartOf="parent" 15 app:layout_constraintTop_toTopOf="parent" /> 16 17 <TextView 18 android:id="@+id/textView" 19 android:layout_width="wrap_content" 20 android:layout_height="wrap_content" 21 android:text="@string/sample_text" 22 app:layout_constraintEnd_toEndOf="parent" 23 app:layout_constraintStart_toEndOf="@+id/imageView"/> 24 25</androidx.constraintlayout.widget.ConstraintLayout>

ImageViewを希望の場所に配置して、TextViewの縦方向を自動で揃えるにはどのようにしたら良いのか分かりません。
TextViewのlayout_constraintTop_toTopOfを指定しなければ高さが揃うかと思ったのですが、画面上部に張り付いてしまいます。
ImageViewをlayout_constraintTop_toTopOf="parent"として、layout_marginTopの値を自力で調整すれば、見た目はそれなりには出来るのですが、可能なら高さは自動で揃えたいと考えています。

初歩的な質問で大変申し訳ないのですが、ご教授頂けると幸いです。

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

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

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

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

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

guest

回答1

0

ベストアンサー

TextView の top と bottom をそれぞれ ImageView の top と bottom に合わせれば良いのでは。
layout_height が wrap_content のままなら中央に配置されますし、0dp (match constraint) にすると ImageView と同じ高さになるので gravity を center_vertical にするという方法もあります。

<TextView (略) app:layout_constraintTop_toTopOf="@+id/imageView" app:layout_constraintBottom_toBottomOf="@+id/imageView"

投稿2021/04/02 19:22

hoshi-takanori

総合スコア7901

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

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

Jellyfish0511

2021/04/03 18:36

早々のご回答ありがとうございました。 ご教授頂いた二つの方法(wrap_content, match constraint)で確認した所、希望の動作となりました。 top と bottom をImageViewに合わせると言う発想が無く、大変勉強になりました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問