How to set ImageView in CardView properly

Question

So I'm making a gallery like app and it needs some ScrollView and CardView inside it.

This is the screenshot when I put some background in the ImageView

This is how it suppose to look, I have removed the background image here

I have tried to put an ImageView to inside the CardView with a Linear Layout but the Image filled the ScrollView Instead.

fun CreateCardView(ItemCount: Int){                                                         
   for (i in 1 until ItemCount){                                                           

       val card_view = CardView(this)                                                      
       val param = GridLayout.LayoutParams()                                               
       param.rowSpec = GridLayout.spec(GridLayout.UNDEFINED, 1f)                           
       param.columnSpec = GridLayout.spec(GridLayout.UNDEFINED, 1f)                        
       card_view.layoutParams = param                                                      
       val param2 = card_view.layoutParams as GridLayout.LayoutParams                                                                            
       card_view.layoutParams = param2                                                     
       subLayoutGrid?.addView(card_view)                                                                      

       val linearLayout = LinearLayout(this)                                               
       val layoutParams = WindowManager.LayoutParams(                                      
           WindowManager.LayoutParams.WRAP_CONTENT, // CardView width                      
           WindowManager.LayoutParams.WRAP_CONTENT // CardView height                      
       )                                                                                                                                       
       linearLayout.layoutParams = layoutParams                                                                               
       linearLayout.setBackgroundColor(Color.parseColor("#135517"))                        
       card_view.addView(linearLayout)                                                     


       val imageView = ImageView(this)                                                     
       val imageParams = WindowManager.LayoutParams(                                       
           WindowManager.LayoutParams.MATCH_PARENT,                                        
           WindowManager.LayoutParams.MATCH_PARENT                                         
       )                                                                                   
       imageView.layoutParams = imageParams                                                                                                       
       imageView.setBackgroundResource(R.drawable.animaleight)                             
       val layout = findViewById<LinearLayout>(finallinearId)                              
       layout.addView(imageView)                                                           


   }                                                                                       

}

How can i achieve something like on the image 2 using ImageView

see the demo example of GridView to solved your problem. Please try it. — Viral Patel, Nov 05 '19 at 05:21
your question is unclear. What you are not able to achieve from the desired result with your current code ? — Vivek Mishra, Nov 05 '19 at 05:22
I have followed this already but the ImageView still fill the whole ScrollView. Any idea? — GeraldTDPI, Nov 05 '19 at 05:23
The ImageView is filling the whole scrollView instead of filling the CardView and respecting the CardView's height and width — GeraldTDPI, Nov 05 '19 at 05:24
i think instead of match parent use wrap content and add image with fixed sized like 40*40 — Atif AbbAsi, Nov 05 '19 at 05:35

score 0 · Answer 1 · answered Nov 05 '19 at 06:07

0

I beleive it happens because u set width and height of your cardView as WRAP_CONTENT, and images that u put here is very big, so you should either change the size of images or use fixed size of cardView like 100dp height and 100dp-width, but that is not the best option or you can try to change your xml file, if you will put your xml file I will help you with that. Also as long as it is LinearLayout try just put to every item "weight" parametr "1"

answered Nov 05 '19 at 06:07

Danila says Reinstate Monica

161
3
10

Yes i used a 520X520 Picture but i have tried to put it inside a same size imageview but its all fine :( – GeraldTDPI Nov 05 '19 at 06:10
Ok then it will be very nice from you to put here xml if you want get help :) – Danila says Reinstate Monica Nov 05 '19 at 06:14
Thankyou but I need to do it programatically because a card view represents an item and i have different categories for each items. – GeraldTDPI Nov 05 '19 at 06:16
Got you, so did you try to put "weight" parametr to cardView? – Danila says Reinstate Monica Nov 05 '19 at 06:19
Yes I did it this way – GeraldTDPI Nov 05 '19 at 06:25
val param = GridLayout.LayoutParams() param.rowSpec = GridLayout.spec(GridLayout.UNDEFINED, 1f) param.columnSpec = GridLayout.spec(GridLayout.UNDEFINED, 1f) card_view.layoutParams = param – GeraldTDPI Nov 05 '19 at 06:25
kk, then I dont know how to help you, sorry) – Danila says Reinstate Monica Nov 05 '19 at 06:34
Its okay pal :) – GeraldTDPI Nov 05 '19 at 06:41

How to set ImageView in CardView properly

1 Answers1