How to adjust the border for each Gridview Image element dynamically

Question

I want to show a different border for each gridview element. how can i set the border for each element dynamically.

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" > <ImageView android:id="@+id/grid_item_image" android:layout_width="30px" android:layout_height="30px" android:src="@drawable/shape" > </ImageView> </LinearLayout> 

Activity_main layout file:

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <GridView android:id="@+id/gridView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:numColumns="15" android:verticalSpacing="1dp" android:horizontalSpacing="1dp" android:background="#f3f3f3" > </GridView> </RelativeLayout> 

Main class:

 public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); gridView = (GridView) findViewById(R.id.gridView1); gridView.setAdapter(new ImageAdapter(this)); gridView.setOnItemClickListener(new OnItemClickListener() { public void onItemClick(AdapterView<?> parent, View v, int position, long id) { Toast.makeText( getApplicationContext(), /*((TextView) v.findViewById(R.id.grid_item_label)).getText() + */String.valueOf(position), Toast.LENGTH_SHORT).show(); ImageView imageView = (ImageView) v.findViewById(R.id.grid_item_image); imageView.setBackgroundColor(Color.BLUE); } }); 

Adapter Class:

  public class ImageAdapter extends BaseAdapter { private Context context; public ImageAdapter(Context context) { this.context = context; } public View getView(int position, View convertView, ViewGroup parent) { LayoutInflater inflater = (LayoutInflater) context .getSystemService(Context.LAYOUT_INFLATER_SERVICE); View gridView; if (convertView == null) { gridView = new View(context); gridView = inflater.inflate(R.layout.mobile, null); } else { gridView = (View) convertView; } return gridView; } @Override public int getCount() { return 300; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return 0; } 

}

EDIT

I added a form file to my design file

 <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@null" /> <stroke android:width="1dp" android:color="#000000" /> <padding android:left="1dp" android:top="1dp" android:right="1dp" android:bottom="1dp" /> </shape> 

Answer 1

Save the XML file in your Drawable folder with this code:

  <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_enabled="true"><shape> <solid android:color="#FFFFFF" /> <stroke android:width="1dp" android:color="#CACACA" /> <corners android:radius="5dp" /> <!-- <padding android:bottom="5dp" android:left="5dp" android:right="5dp" android:top="5dp" />--> </shape></item> </selector> 

Now use this as the background your image view and set iamges as background resources

Answer 2

Inside the ImageAdapter class → getView (...) method, add this line before the return gridView;

 gridView.setBackgroundColor(Color.RED); 

Edit

Also add android:layout_margin="10dp" to your image view ...

Take this for reference . In the provided link, the border is applied to the full view of the grid, but it gives an idea of ​​setting the border, use my logic mentioned to achieve this ..

Hope this helps.

Answer 3

 gridView = (GridView)findViewById(R.iMyGridview); gridView.setBackgroundColor(Color.LTGRAY); gridView.setVerticalSpacing(1); gridView.setHorizontalSpacing(1);