Can I put radio buttons above an ImageView in a ScrollView?

[Darkmisc]

TL;DR Summary

I'd like to set an ImageView as the background for radio buttons. It only works if I hardcode the width and height of the ImageView. If I set the height and width to "match_parent", the ImageView is visible, but not the radio buttons.

Hi everyone

I'd like to set an ImageView background for a menu screen that uses ScrollView, ConstrainedLayout and Radio Buttons. This is possible if I hardcode the width and height of the ImageView, but I don't want to do this because it might ruin the formatting on some models of phone.

I'd like to set the dimensions to "match_parent" or "wrap_content", but if I do this, only the ImageView is visible. The Radio Buttons aren't visible at all.

Is there a way around this? I've tried putting the code for the ImageView inside the Radio Group, and it doesn't help.

My xml code for the menu is below.

Thanks

<?xml version="1.0" encoding="utf-8"?><ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight = "1"
    tools:layout_editor_absoluteX="1dp"
    tools:layout_editor_absoluteY="1dp"

    android:fillViewport="true">    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        tools:context=".Menu">

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="400dp"
            android:layout_height="400dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:scaleType="centerCrop"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true" android:src="@drawable/cherry"/>        <TextView
            android:id="@+id/textView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toTopOf="parent"
            android:text="Choose characters" />

        <RadioGroup
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">
            <CheckBox
                android:id="@+id/a"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ア a  イ i    ウ u    エ e    オ o" />

            <CheckBox
                android:id="@+id/k"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="カ ka キ ki   ク ku   ケ ke   コ ko   キャ kya キュ kyu キョ kyo
" />

            <CheckBox
                android:id="@+id/s"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="サ sa シ shi  ス su   セ se   ソ so   シャ sha シュ shu ショ sho
" />

            <CheckBox
                android:id="@+id/ta"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="タ ta チ chi  ツ tsu  テ te   ト to   チャ cha チュ chu チョ cho" />

            <CheckBox
                android:id="@+id/na"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ナ na ニ ni   ヌ nu   ネ ne   ノ no   ニャ nya ニュ nyu ニョ nyo" />

            <CheckBox
                android:id="@+id/h"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ハ ha ヒ hi   フ fu   ヘ he   ホ ho   ヒャ hya ヒュ hyu ヒョ hyo" />

            <CheckBox
                android:id="@+id/m"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="マ ma ミ mi ム mu  メ me   モ mo   ミャ mya ミュ myu ミョ myo" />

            <CheckBox
                android:id="@+id/y"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ヤ ya ユ yu ヨ yo" />

            <CheckBox
                android:id="@+id/r"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ラ ra リ ri   ル ru   レ re   ロ ro   リャ rya リュ ryu リョ ryo" />

            <CheckBox
                android:id="@+id/wa"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ワ wa" />

            <CheckBox
                android:id="@+id/n"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ン n" />            <CheckBox
                android:id="@+id/g"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ガ ga ギ gi   グ gu   ゲ ge   ゴ go   ギャ gya ギュ guy ギョ gyo" />

            <CheckBox
                android:id="@+id/z"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ザ za ジ ji   ズ zu   ゼ ze   ゾ zo   ジャ ja  ジュ ju  ジョ jo" />

            <CheckBox
                android:id="@+id/d"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ダ da ヂ (ji) ヅ (zu) デ de   ド do" />

            <CheckBox
                android:id="@+id/b"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="バ ba ビ bi   ブ bu   ベ be   ボ bo   ビャ bya ビュ byu ビョ byo" />

            <CheckBox
                android:id="@+id/p"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="パ pa ピ pi   プ pu   ペ pe   ポ po   ピャ pya ピュ pyu ピョ pyo" />

            <CheckBox
                android:id="@+id/f"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ファ fa    フィ fi     フェ fe  フォ fo" />
            <CheckBox
                android:id="@+id/t"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ツァ tsa   ティ ti  トゥ tu" />

            <CheckBox
                android:id="@+id/w"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="ウェ we    ウォ wo" />

            <CheckBox
                android:id="@+id/all"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="all" />        </RadioGroup>

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            android:text="Button"
            android:onClick="onClick"
            tools:layout_editor_absoluteX="18dp"
            tools:layout_editor_absoluteY="582dp" />    </androidx.constraintlayout.widget.ConstraintLayout>

</ScrollView>

 

[member38644]

Yes, it is possible to put radio buttons above an ImageView in a ScrollView. One solution could be to use a RelativeLayout instead of a ConstraintLayout, and then use the android:layout_above attribute to position the radio buttons above the ImageView. Another solution could be to use a LinearLayout and use the android:layout_weight attribute to adjust the height of the ImageView and the radio buttons. You could also try using a FrameLayout and using the android:layout_gravity attribute to position the views. Experiment with different layouts and attributes to find the best solution for your specific needs.