title: Custom Adapter for Android fragment with ImageView and TextView
body: <p>i'm trying to implement something like this - <a href="http://www.tinyuploads.com/images/G0EY2I.png" rel="nofollow">have a look</a>.<br><br>
  This is my BaseAdapter class</p>
  
  <pre><code>public class ImageAdapter extends BaseAdapter {
  private Context mContext;
  LayoutInflater in = (LayoutInflater) mContext
          .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  
  public ImageAdapter(Context c) {
      mContext = c;
  }
  
  public int getCount() {
      return mThumbIds.length;
  }
  
  public Object getItem(int position) {
      return position;
  }
  
  public long getItemId(int position) {
      return position;
  }
  
  public View getView(int position, View convertView, ViewGroup parent) {
  
      ViewHolder view;
      if (convertView == null) {
  
          view = new ViewHolder();
          convertView = in.inflate(R.layout.country_row, null);
  
          view.txtView = (TextView) convertView
                  .findViewById(R.id.countryName);
  
          view.txtView.setText(countryName[position]);
  
          convertView.setTag(view);
  
      } else {
          view = (ViewHolder) convertView.getTag();
      }
      view.imgView = (ImageView) convertView.findViewById(R.id.countryImage);
      view.imgView.setImageResource(mThumbIds[position]);
  
      return convertView;
  }
  
  private Integer[] mThumbIds = { R.drawable.india_flag,
          R.drawable.china_flag, R.drawable.argentina_flag,
          R.drawable.england_flag, R.drawable.france_flag,
          R.drawable.united_states_flag, R.drawable.uruguay_flag,
          R.drawable.pakistan_flag, R.drawable.united_kingdom_flag,
          R.drawable.italy_flag, R.drawable.germany_flag,
          R.drawable.brazil_flag, R.drawable.belgium_flag,
          R.drawable.denmark_flag, R.drawable.czech_republic_flag,
          R.drawable.jamaica_flag, R.drawable.indonesia_flag,
          R.drawable.kenya_flag, R.drawable.korea_flag,
          R.drawable.ireland_flag,
  
  };
  private String[] countryName = { "India", "China", "Argentina", "England",
          "France", "United States", "Uruguay", "Pakistan", "United Kingdom",
          "Italy", "Germany", "Brazil", "Belgium", "Denmark",
          "Czech Republic", "Jamaica", "Indonesia", "Kenya", "Korea",
          "Ireland"
  
  };
  
  public static class ViewHolder {
      public ImageView imgView;
      public TextView txtView;
  }
  </code></pre>
  
  <p>country_row.xml contains <b>ImageView and TextView</b>.<br> Countries class extends Fragment and counties.xml contains <b>GridView</b> (I guess something i messing up here in this class, but i could't able to correct it)</p>
  
  <pre><code>public class Countries extends Fragment {
  
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
          Bundle savedInstanceState) {
      View view = inflater.inflate(R.layout.countries,container,false);
      GridView gridView = (GridView) view.findViewById(R.id.myGrid);
      gridView.setAdapter(new ImageAdapter(view.getContext())); 
      return view;
  
  
  }
  </code></pre>
  
  <p>}<br>
  <strong>country_row.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout 
  android:id="@+id/relativeLayout1"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:padding="5dp"&gt;
  
  &lt;ImageView
      android:layout_height="128dp"
      android:id="@+id/countryImage"
      android:layout_width="128dp"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true"&gt;
  &lt;/ImageView&gt;
  
  &lt;TextView
      android:layout_height="wrap_content"
      android:id="@+id/countryName"
      android:layout_width="wrap_content"
      android:layout_below="@+id/countryImage"
      android:layout_marginTop="2dp"
      android:layout_centerHorizontal="true"
      android:textSize="18sp"
      android:ellipsize="marquee"&gt;&lt;/TextView&gt;
  
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p><br><strong>countries.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#ffffff"
  android:orientation="vertical" &gt;
  
  &lt;GridView
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/myGrid"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:columnWidth="130dp"
      android:gravity="center"
      android:horizontalSpacing="10dp"
      android:numColumns="auto_fit"
      android:padding="10dp"
      android:stretchMode="columnWidth"
      android:verticalSpacing="10dp" /&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p><strong>activity_main.xml</strong></p>
  
  <pre><code>&lt;LinearLayout 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:orientation="horizontal"&gt;
  
    &lt;fragment 
    android:name="com.example.fragmentsproject.Countries"
    android:id="@+id/frag1"
    android:layout_weight="1"
    android:layout_width="0px"
    android:layout_height="match_parent"/&gt;
  
  &lt;fragment 
    android:name="com.example.fragmentsproject.Capitals"
    android:id="@+id/frag2"
    android:layout_weight="1"
    android:layout_width="0px"
    android:layout_height="match_parent"/&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p><strong>MainActivty</strong></p>
  
  <pre><code>public class MainActivity extends Activity {
  
  @Override
  public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
  }
  </code></pre>
  
  <p>}</p>
  
  <p>And this is my logcat</p>
  
  <pre><code>02-20 17:44:50.576: E/AndroidRuntime(1362): FATAL EXCEPTION: main
  02-20 17:44:50.576: E/AndroidRuntime(1362): java.lang.RuntimeException: Unable to start     activity     ComponentInfo{com.example.fragmentsproject/com.example.fragmentsproject.MainActivity}:     android.view.InflateException: Binary XML file line #7: Error inflating class fragment
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:1815)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:1831)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at android.app.ActivityThread.access$500(ActivityThread.java:122)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1024)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at android.os.Handler.dispatchMessage(Handler.java:99)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at android.os.Looper.loop(Looper.java:132)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at android.app.ActivityThread.main(ActivityThread.java:4123)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at java.lang.reflect.Method.invokeNative(Native Method)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at java.lang.reflect.Method.invoke(Method.java:491)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:841)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:599)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at dalvik.system.NativeStart.main(Native Method)
  02-20 17:44:50.576: E/AndroidRuntime(1362): Caused by: android.view.InflateException: Binary XML file line #7: Error inflating class fragment
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:688)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at android.view.LayoutInflater.rInflate(LayoutInflater.java:724)
  02-20 17:44:50.576: E/AndroidRuntime(1362):     at android.view.LayoutInflater.inflate(LayoutInflater.java:479)
  </code></pre>
  
  <p><br><br>Please someone help me,<br> <br><br>Thanks in advance.</p>