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    lt ImageView android layout margin  5dip  android src   drawable image    gt   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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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    lt resources gt       lt dimen name  right  gt 16dp lt  dimen gt       lt dimen name  left  gt 16dp lt  dimen gt       lt  resources gt    and access like   getResources   getDimension R dimen right

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

Answer from 2020 year    dependencies       implementation  androidx core core-ktx 1 2 0      and cal it simply in your code   view updateLayoutParams lt ViewGroup MarginLayoutParams gt       setMargins 5

User · Answer

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

User · Answer

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

User · Answer

We can create Linear LayoutParams  amp  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

User · Answer

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

User · Answer

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

User · Answer

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

[android] How to set margin of ImageView using code, not xml

Examples related to android

Examples related to margin

Examples related to imageview