Android view same height as width the width is dynamic

Question

Now how to tell for the SurfaceView to be square, have the same height as ImageView's width?

<RelativeLayout
    android:id="@+id/rlQr"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:layout_below="@+id/rlTop">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/ivScanTop"
        android:layout_centerHorizontal="true"
        android:layout_alignParentTop="true"
        android:background="@drawable/qr_margin_top" />

    <SurfaceView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_alignLeft="@+id/ivScanTop"
        android:layout_alignRight="@+id/ivScanTop"/>

score 1 · Accepted Answer · edited May 23 '17 at 12:19

1

Based on this answer you should extend the SurfaceView and add that one on the .xml file. In that case the UI designer will show a square.

edited May 23 '17 at 12:19

Community

1
1

answered Nov 01 '16 at 08:31

matheszabi

594
5
16

Carlos Vázquez Losada · Answer 2 · 2016-11-01T08:27:02.307

0

You can do it in your onCreate method, in Java.

You have to add an id to SurfaceView

You have to add this inside your SurfaceView XML declaration:

android:id="@+id/surfaceViewId"

In your activity java class, inside your onCreate method, try this:

Inside your onCreate method:

SurfaceView surface = (SurfaceView) findViewById(R.id.surfaceViewId);
ImageView image = (ImageView) findViewById(R.id.ivScanTop);
surface.getHolder().setFixedSize(image.getWidth(), image.getHeight());

edited Nov 01 '16 at 08:27

answered Nov 01 '16 at 08:09

Carlos Vázquez Losada

860
1
15
36

It is not what I wanted, but this is an acceptable – Moni Nov 01 '16 at 08:13
What are you looking for then, @Moni? You told in your question you were looking for a way to set SurfaceView's height the same ImageView's width. Be more specific. – Carlos Vázquez Losada Nov 01 '16 at 08:14
well, first surface.setHeight() there isn't any method available, check it! And Iwould like to write something in the .xml file, not the .Java – Moni Nov 01 '16 at 08:22
If you want to do it in xml you should use weights for your views. – Alikbar Nov 01 '16 at 08:25
Right, you must use getHolder method, to set height and width. Post edited. Let me 3 mins I will find the way to change XML file – Carlos Vázquez Losada Nov 01 '16 at 08:27

score 0 · Answer 3 · answered Nov 01 '16 at 08:25

Initialize your views and then add this to your Activity's onCreate method :

ivScanTop.post(new Runnable() {
        @Override
        public void run() {
        surfaceView.getHolder().setFixedSize(ivScanTop.getwidth(), ivScanTop.getwidth())  ;                       
    }
});

Android view same height as width the width is dynamic

3 Answers3