Android How to get the height equal the width of an component

Question

I want to to have the height of an ImageView equal to it's width. I already read something about using "app:..." in activity.xml. But, it says that it couldn't find the namespace. After that, I just found a code which didn't worked for me.

Does anybody has ideas or suggestions to fix this issue? If it has to be done programmatically and it would be good if has an example for this using Kotlin.

Which component you are talking about? Also, show which code you've already tried. — Rahul Khurana, Sep 26 '19 at 06:47
You can create `custom imageview` and give `height` and `width` same as `width` refer this link it's in java may be it will help you https://stackoverflow.com/a/16506373/9792247 — Prayag Gediya, Sep 26 '19 at 06:49
I think ConstraintLayout has such function, but as I'm not using it - I can't tel how exactly — Vladyslav Matviienko, Sep 26 '19 at 06:53
@TakeInfos Looks good, but how can I combine this SquareImageView now inside my code? Cuz rn I'm just getting the normal ImageView by the id from the xml — Schmidi, Sep 26 '19 at 07:01
@Schmidi I have post answer to explain How to use this custom view. You don't have to change height or width programmatically using this custom view. — Prayag Gediya, Sep 26 '19 at 07:11

Makarand · Accepted Answer · 2019-09-26T07:00:21.223

If you want to have the height of an ImageView equal to it's width,

Programmatically [Dynamic way]:

int widthOfImage = image_view.getLayoutParams().width;
image_view.getLayoutParams().height = widthOfImage ;

refer to this answer

you can do it in Hard-coded way:

  <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@drawable/ic_launcher_background"/>

or you can define background like this image_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#003778" />
<corners android:radius="6dp" />
<size android:width="100dp"
    android:height="100dp"/>
</shape>

and add it as background in imageView. [remember it is also hard-coded]

Well hard coded wouldn't be good in my case (sorry that I didn't mentioned that) — Schmidi, Sep 26 '19 at 06:57

score 0 · Answer 2 · answered Sep 26 '19 at 07:07

You have to use this custome view inside you xml file.

Example

<YourPackageName.SquareImageView
    android:id="@+id/squareImageview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/ic_launcher_background"/>

Now you have to bind this view in you code. Like Fragment or Activity whatever you have used.

Exmple (This is code in java you can change it in kotlin) :-

SquareImageView imageView = findViewById(R.id. squareImageview);

Android How to get the height equal the width of an component

2 Answers2