How to set margin of ImageView using code, not xml

Question

I want to add an unknown number of ImageView views to my layout with margin. In XML, I can use layout_margin like this:

<ImageView android:layout_margin="5dip" android:src="@drawable/image" />

There is ImageView.setPadding(), but no ImageView.setMargin(). I think it's along the lines of ImageView.setLayoutParams(LayoutParams), but not sure what to feed into that.

Does anyone know?

Ahmed Salman Tahir · Accepted Answer · 2015-12-23 13:42:15Z

403

android.view.ViewGroup.MarginLayoutParams has a method setMargins(left, top, right, bottom). Direct subclasses are: FrameLayout.LayoutParams, LinearLayout.LayoutParams and RelativeLayout.LayoutParams.

Using e.g. LinearLayout:

LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
lp.setMargins(left, top, right, bottom);
imageView.setLayoutParams(lp);

MarginLayoutParams

This sets the margins in pixels. To scale it use

context.getResources().getDisplayMetrics().density

DisplayMetrics

edited Dec 23, 2015 at 13:42

Ahmed Salman Tahir

1,7771 gold badge17 silver badges26 bronze badges

answered Aug 5, 2010 at 15:19

Key

7,0861 gold badge25 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

aromero Over a year ago

Note that this sets margin size in PIXELS, is not the same as the dpi unit in the xml of this question.

Pascal Piché Over a year ago

How can we use a dpi value instead of pixel?

Key Over a year ago

You can scale the px value using context.getResources().getDisplayMetrics().density developer.android.com/reference/android/util/…

Dmitry Zaytsev Over a year ago

Note, that there can be problems with FrameLayout.LayoutParams and maybe with other: stackoverflow.com/questions/5401952/…

ssrp Over a year ago

in case we wanted to set only the bottom margin of the image view which is android:layout_centerHorizontal = "true" and android:layout_alignParentBottom = "true" in waht way I could accomplish this?

|

Kevin Wadera · Accepted Answer · 2011-03-08 07:18:20Z

54

    image = (ImageView) findViewById(R.id.imageID);
    MarginLayoutParams marginParams = new MarginLayoutParams(image.getLayoutParams());
    marginParams.setMargins(left_margin, top_margin, right_margin, bottom_margin);
    RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(marginParams);
    image.setLayoutParams(layoutParams);

answered Mar 8, 2011 at 7:18

Kevin Wadera

5414 silver badges3 bronze badges

4 Comments

Adam Rabung Over a year ago

What's the deal w/ the last 2 lines? clone the margin params into another params variable? I can confirm it's required :)

ssrp Over a year ago

in case we wanted to set only the bottom margin of the image view which is android:layout_centerHorizontal = "true" and android:layout_alignParentBottom = "true" in waht way I could accomplish this?

cwhsu Over a year ago

layoutparams.addRule(RelativeLayout.CENTER_HORIZONTAL);

Muzaffer Over a year ago

Creating another layout params is required. Thanks :)

Kelevandos · Accepted Answer · 2015-09-04 09:26:16Z

51

All the above examples will actually REPLACE any params already present for the View, which may not be desired. The below code will just extend the existing params, without replacing them:

ImageView myImage = (ImageView) findViewById(R.id.image_view);
MarginLayoutParams marginParams = (MarginLayoutParams) image.getLayoutParams();
marginParams.setMargins(left, top, right, bottom);

answered Sep 4, 2015 at 9:26

Kelevandos

7,0922 gold badges31 silver badges48 bronze badges

1 Comment

Chris Dutrow Over a year ago

This is the first solution in this list that worked for me. The others screwed up the other params that I had set in the XML, including RelativeLayout params for positioning.

Adam Stelmaszczyk · Accepted Answer · 2013-06-15 15:02:48Z

22

Kevin's code creates redundant MarginLayoutParams object. Simpler version:

ImageView image = (ImageView) findViewById(R.id.main_image);
RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(image.getLayoutParams());
lp.setMargins(50, 100, 0, 0);
image.setLayoutParams(lp);

answered Jun 15, 2013 at 15:02

Adam Stelmaszczyk

19.9k4 gold badges73 silver badges111 bronze badges

1 Comment

user2875404 Over a year ago

Weirdly enough I then get "Cannot resolve method setmargins()" which is why I googled for this question and landed here.

CommonSenseCode · Accepted Answer · 2016-02-18 19:27:24Z

14

If you want to change imageview margin but leave all other margins intact.

Get MarginLayoutParameters of your image view in this case: myImageView

 MarginLayoutParams marginParams = (MarginLayoutParams) myImageView.getLayoutParams();

Now just change the margin you want to change but leave the others as they are:

 marginParams.setMargins(marginParams.leftMargin, 
                         marginParams.topMargin, 
                         150, //notice only changing right margin
                         marginParams.bottomMargin);

answered Feb 18, 2016 at 19:27

CommonSenseCode

25.7k39 gold badges151 silver badges200 bronze badges

Comments

i30mb1 · Accepted Answer · 2020-05-08 13:11:26Z

12

Answer from 2020 year :

dependencies {
    implementation "androidx.core:core-ktx:1.2.0"
}

and cal it simply in your code

view.updateLayoutParams<ViewGroup.MarginLayoutParams> {
   setMargins(5)
}

answered May 8, 2020 at 13:11

i30mb1

4,9063 gold badges22 silver badges36 bronze badges

2 Comments

CoolMind Over a year ago

Works in 2023. As a parameter you should pass pixels, not dp.

Hai Rom Over a year ago

best solution, i should update margin for ImageView, and this work for me

Elnoor · Accepted Answer · 2017-05-23 18:02:11Z

9

I use simply this and works great:

ImageView imageView = (ImageView) findViewById(R.id.image_id);
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) imageView.getLayoutParams();
layoutParams.setMargins(left, top, right, bottom);
imageView.setLayoutParams(layoutParams);

setMargins()'s unit is pixel not dp. If you want to set margin in dp, just inside your values/dimens.xml file create your dimensions like:

<resources>
    <dimen name="right">16dp</dimen>
    <dimen name="left">16dp</dimen>    
</resources>

and access like:

getResources().getDimension(R.dimen.right);

edited May 23, 2017 at 18:02

answered Nov 17, 2015 at 4:27

Elnoor

3,8324 gold badges32 silver badges44 bronze badges

Comments

enyciaa · Accepted Answer · 2017-09-02 17:51:49Z

9

If you use kotlin, this can be simplified by creating an extension function

fun View.setMarginExtensionFunction(left: Int, top: Int, right: Int, bottom: Int) {
  val params = layoutParams as ViewGroup.MarginLayoutParams
  params.setMargins(left, top, right, bottom)
  layoutParams = params
}

Now all you need is a view, and this extension function can be used anywhere.

val imageView = findViewById(R.id.imageView)
imageView.setMarginExtensionFunction(0, 0, 0, 0)

answered Sep 2, 2017 at 17:51

enyciaa

2,1221 gold badge17 silver badges28 bronze badges

1 Comment

Gabriel Rohden Over a year ago

this works for left and right margins, but if you have relative margins (start and end) it doesn't work. I wrote a gist with a 'improved' version of your code: gist.github.com/Grohden/f40c53bf86c5395638f7a44bf90e732d (the setMarginsRelative function) - could you include that in your answer?

divonas · Accepted Answer · 2015-02-05 09:26:09Z

You can use this method, in case you want to specify margins in dp:

private void addMarginsInDp(View view, int leftInDp, int topInDp, int rightInDp, int bottomInDp) {
    DisplayMetrics dm = view.getResources().getDisplayMetrics();
    LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    lp.setMargins(convertDpToPx(leftInDp, dm), convertDpToPx(topInDp, dm), convertDpToPx(rightInDp, dm), convertDpToPx(bottomInDp, dm));
    view.setLayoutParams(lp);
}

private int convertDpToPx(int dp, DisplayMetrics displayMetrics) {
    float pixels = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, displayMetrics);
    return Math.round(pixels);
}

ExploringAI · Accepted Answer · 2015-04-27 16:56:18Z

4

create layout dynamically and set its parameter as setmargin() will not work directly on an imageView

ImageView im;
im = (ImageView) findViewById(R.id.your_image_in_XML_by_id);
 RelativeLayout.LayoutParams layout = new RelativeLayout.LayoutParams(im.getLayoutParams());
                        layout.setMargins(counter*27, 0, 0, 0);//left,right,top,bottom
                        im.setLayoutParams(layout);
                        im.setImageResource(R.drawable.yourimage)

answered Apr 27, 2015 at 16:56

ExploringAI

4519 silver badges12 bronze badges

Comments

Wahib Ul Haq · Accepted Answer · 2015-06-02 16:19:05Z

4

For me this worked:

int imgCarMarginRightPx = (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, definedValueInDp, res.getDisplayMetrics());

MarginLayoutParams lp = (MarginLayoutParams) imgCar.getLayoutParams();
lp.setMargins(0,0,imgCarMarginRightPx,0);
imgCar.setLayoutParams(lp);

answered Jun 2, 2015 at 16:19

Wahib Ul Haq

4,4453 gold badges49 silver badges45 bronze badges

Comments

Sydroid · Accepted Answer · 2013-10-19 12:19:24Z

2

sample code is here ,its very easy

LayoutParams params1 = (LayoutParams)twoLetter.getLayoutParams();//twoletter-imageview
                params1.height = 70;
                params1.setMargins(0, 210, 0, 0);//top margin -210 here
                twoLetter.setLayoutParams(params1);//setting layout params
                twoLetter.setImageResource(R.drawable.oo);

answered Oct 19, 2013 at 12:19

Sydroid

5491 gold badge8 silver badges16 bronze badges

Comments

anil · Accepted Answer · 2020-07-30 11:43:06Z

2

In Kotlin you can write it in more pleasant way

myView.layoutParams = LinearLayout.LayoutParams(
                RadioGroup.LayoutParams.MATCH_PARENT, RadioGroup.LayoutParams.WRAP_CONTENT
            ).apply {
                setMargins(12, 12, 12, 12)
            }

answered Jul 30, 2020 at 11:43

anil

2,1231 gold badge22 silver badges39 bronze badges

Comments

Md. Zubaer Ahammed · Accepted Answer · 2019-02-18 10:53:29Z

1

Here is an example to add 8px Margin on left, top, right, bottom.


ImageView imageView = new ImageView(getApplicationContext());

ViewGroup.MarginLayoutParams marginLayoutParams = new ViewGroup.MarginLayoutParams(
    ViewGroup.MarginLayoutParams.MATCH_PARENT,
    ViewGroup.MarginLayoutParams.WRAP_CONTENT
);

marginLayoutParams.setMargins(8, 8, 8, 8);

imageView.setLayoutParams(marginLayoutParams);

answered Feb 18, 2019 at 10:53

Md. Zubaer Ahammed

99111 silver badges13 bronze badges

Comments

GA1 · Accepted Answer · 2017-07-19 19:09:08Z

Using a method similar to this might save you some headaches in some situations. If you have two passes of programmatical tinkering with margins it is safer to check if there are already some layoutParams set. If there are some margins already one should increase them and not replace them:

public void addMargins(View v, int left, int top, int right, int bottom) {
    LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) v.getLayoutParams();
    if (params == null)
        params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
                                               ViewGroup.LayoutParams.WRAP_CONTENT);
    int oldLeft = params.leftMargin;
    int oldTop = params.topMargin;
    int oldRight = params.rightMargin;
    int oldBottom = params.bottomMargin;
    params.setMargins(oldLeft + left, oldTop + top, oldRight + right, oldBottom + bottom);
    v.setLayoutParams(params);
}

Shihab Uddin · Accepted Answer · 2020-09-17 11:50:32Z

We can create Linear LayoutParams & use resources.getDimensionPixelSize for dp value.

    val mContext = parent.context
    val mImageView = AppCompatImageView(mContext)
    mImageView.setBackgroundResource(R.drawable.payment_method_selector)

    val height = mContext.resources.getDimensionPixelSize(R.dimen.payment_logo_height)
    val width = mContext.resources.getDimensionPixelSize(R.dimen.payment_logo_width)
    val padding = mContext.resources.getDimensionPixelSize(R.dimen.spacing_small_tiny)
    val margin = mContext.resources.getDimensionPixelSize(R.dimen.spacing_small)

    mImageView.layoutParams = LinearLayout.LayoutParams(width, height).apply {
        setMargins(margin, margin, 0, 0)
    }
    mImageView.setPadding(padding, padding, padding, padding)

Collectives™ on Stack Overflow

How to set margin of ImageView using code, not xml

16 Answers 16

7 Comments

4 Comments

1 Comment

1 Comment

Comments

2 Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

16 Answers 16

7 Comments

4 Comments

1 Comment

1 Comment

Comments

2 Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related