3

enter image description hereI have to show 7 icons on the home screen of my application .To do this i have arranged the icons on the grid view using image view to show images .On emulator it looks absolutely fine but images shrink and look blur ,when i deploy the application on LG Optimus p350 please help me how to show the images clearly of actual size :

The code i tried are :

<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gridview" android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:columnWidth="61dp"
    android:numColumns="3" android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp" android:stretchMode="spacingWidthUniform"
    android:gravity="center" android:layout_gravity="center" />

icon size is 61*80

EDIT :

<supports-screens android:smallScreens="true"
        android:normalScreens="true" android:largeScreens="true"
         android:anyDensity="true"/>

Please see the image and the code On emulator the output is shown like this.I want to show output on device also with this clarity.Please guide

see second screen shot (blur on qvga emulator) and please guide me how to correct it ..

enter image description here

Shruti
  • 1
  • 13
  • 55
  • 95

2 Answers2

2

The images don't appear blurred to me. They are just smaller due to higher screen resolution. But the text does look blurred.

So I would suggest to use a combination of ImageView and TextView. To separate the text and image. The text will be scaled appropriately. You can also provide multiple image sets for different resolutions.

EDIT: You can create a grid item layout similar to this:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" 
android:gravity="bottom"
android:layout_width="wrap_content" 
android:layout_gravity="bottom">

<ImageView android:id="@+id/thumbnailImage"
    android:layout_height="70dp" 
    android:layout_width="fill_parent"      
    android:gravity="center_horizontal" />

<TextView android:id="@+id/thumnailTitle" android:text="TextView"
    android:layout_height="wrap_content" 
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:layout_width="fill_parent"
    android:gravity="center_horizontal|bottom" />
</LinearLayout>

Create a custom grid adapter extending BaseAdapter class:

public class MyGridAdapter extends BaseAdapter
{...}

associate the adapter with your grid:

adapter = new MyGridAdapter();

GridView gridView = (GridView) findViewById(R.id.gridView);
gridView.setAdapter(adapter);

Then it is just a matter of filling the items to the grid with the getView adapter method:

public View getView(int position, View convertView, ViewGroup parent)
{
   // assuming the grid item layout is named "grid_item"
   View view = inflater.inflate(R.layout.grid_item, null);

   TextView text = (TextView) view.findViewById(R.id.thumnailTitle);
   text.setText("Test");

   ImageView thumbnail = (ImageView) view.findViewById(R.id.thumbnailImage);
...
Drejc
  • 14,196
  • 16
  • 71
  • 106
0

Are you providing multiple resolution resources? Read carefully this article about Supporting Multiple Screens.

I don't think the images shrink, they only look smaller because your phone has a higher density or resolution than the emulator you were testing on.

Ovidiu Latcu
  • 71,607
  • 15
  • 76
  • 84
  • also your resources need to be scaled for multiple screens, and placed properly in their folders – Ovidiu Latcu Sep 20 '11 at 14:29
  • do i need to save all 7 icons in different folders (drawable-ldpi,drawable-mdpi,drawable-hdpi with respective sizes 32*32,48*48and 64*64 ?? the images i am using are of size 61*80 – Shruti Sep 21 '11 at 05:28
  • no you don't need to save all versions. Android will decide which is best suited. The more you provide the better the results. – Drejc Oct 07 '11 at 13:18