Changed template editor listView to recyclerView

source-code/app/src/main/java/org/buildmlearn/toolkit/activity/TemplateActivity.java

@@ -4,11 +4,10 @@
 import android.os.Bundle;
 import android.support.v7.app.ActionBar;
 import android.support.v7.app.AppCompatActivity;
+import android.support.v7.widget.LinearLayoutManager;
+import android.support.v7.widget.RecyclerView;
 import android.support.v7.widget.Toolbar;
 import android.view.View;
-import android.widget.AbsListView;
-import android.widget.AdapterView;
-import android.widget.ListAdapter;
 
 import org.buildmlearn.toolkit.R;
 import org.buildmlearn.toolkit.adapter.TemplateAdapter;
@@ -30,18 +29,17 @@ protected void onCreate(Bundle savedInstanceState) {
         ActionBar actionBar = getSupportActionBar();
         actionBar.setDisplayHomeAsUpEnabled(true);
         actionBar.setHomeButtonEnabled(true);
-        ListAdapter mAdapter = new TemplateAdapter(this);
-        AbsListView mListView = (AbsListView) findViewById(android.R.id.list);
-        mListView.setAdapter(mAdapter);
+        TemplateAdapter mAdapter = new TemplateAdapter(this);
+        RecyclerView mRecyclerView = (RecyclerView) findViewById(android.R.id.list);
+        mRecyclerView.setAdapter(mAdapter);
+        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
 
-        mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
+        mAdapter.setOnClickListener(new TemplateAdapter.SetOnClickListener() {
             @Override
-            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
-
+            public void onItemClick(int position, View view) {
                 Intent intent = new Intent(getApplicationContext(), TemplateEditor.class);
                 intent.putExtra(Constants.TEMPLATE_ID, position);
                 startActivity(intent);
-
             }
         });
     }

source-code/app/src/main/java/org/buildmlearn/toolkit/adapter/TemplateAdapter.java

@@ -1,13 +1,14 @@
 package org.buildmlearn.toolkit.adapter;
 
+import android.app.Activity;
 import android.content.Context;
 import android.graphics.Color;
 import android.support.annotation.ColorRes;
 import android.support.v7.widget.CardView;
+import android.support.v7.widget.RecyclerView;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
-import android.widget.BaseAdapter;
 import android.widget.ImageView;
 import android.widget.TextView;
 
@@ -16,36 +17,70 @@
 
 /**
  * @brief Adapter used for showing Templates available in the toolkit
- *
+ * <p>
  * Created by Abhishek on 23-05-2015.
  */
-public class TemplateAdapter extends BaseAdapter {
+public class TemplateAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
 
     private final Context context;
 
     private final Template[] templates = Template.values();
     private final ListColor[] colors = ListColor.values();
+    private ViewHolder.SetOnClickListener listener;
 
     public TemplateAdapter(Context context) {
         this.context = context;
     }
 
-    /**
-     * {@inheritDoc}
-     */
-    @Override
-    public int getCount() {
-        return templates.length;
+    public void setOnClickListener(ViewHolder.SetOnClickListener clickListener) {
+        this.listener = clickListener;
     }
 
-    /**
-     * {@inheritDoc}
-     */
     @Override
+    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int position) {
+        int layoutResource = 0;
+        LayoutInflater inflater = ((Activity) context).getLayoutInflater();
+        int viewType = getItemViewType(position);
+        switch (viewType) {
+            case 0:
+                layoutResource = R.layout.item_template_right;
+                break;
+            case 1:
+                layoutResource = R.layout.item_template_left;
+                break;
+        }
+
+        View view = inflater.inflate(layoutResource, viewGroup, false);
+        RecyclerView.ViewHolder viewHolder = new ViewHolder(view);
+
+        return viewHolder;
+    }
+
     public Template getItem(int i) {
         return templates[i];
     }
 
+    @Override
+    public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {
+
+        ViewHolder vh = (ViewHolder) viewHolder;
+        Template template = getItem(position);
+
+        vh.getTitle().setText(template.getTitle());
+        vh.getDescription().setText(template.getDescription());
+        vh.getImage().setImageResource(template.getImage());
+
+        int color = colors[position % colors.length].getColor();
+        vh.getCardView().setCardBackgroundColor(color);
+        vh.setItemClickListener(listener);
+
+    }
+
+    @Override
+    public int getItemCount() {
+        return templates.length;
+    }
+
     /**
      * {@inheritDoc}
      */
@@ -54,34 +89,12 @@ public long getItemId(int i) {
         return i;
     }
 
-    /**
-     * {@inheritDoc}
-     */
     @Override
-    public View getView(int i, View view, ViewGroup viewGroup) {
-
-        LayoutInflater mInflater;
-        mInflater = LayoutInflater.from(context);
-
-        if (i % 2 == 0) {
-            view = mInflater.inflate(R.layout.item_template_right, viewGroup, false);
-        } else {
-            view = mInflater.inflate(R.layout.item_template_left, viewGroup, false);
-        }
-
-        Template template = getItem(i);
-
-        ((TextView) view.findViewById(R.id.title)).setText(template.getTitle());
-        ((TextView) view.findViewById(R.id.description)).setText(template.getDescription());
-        ((ImageView) view.findViewById(R.id.image)).setImageResource(template.getImage());
-
-        int color = colors[i % colors.length].getColor();
-        ((CardView) view.findViewById(R.id.card_view)).setCardBackgroundColor(color);
-
-        return view;
+    public int getItemViewType(int position) {
+        return position % 2;
     }
 
-    private enum ListColor {
+    enum ListColor {
         BLUE("#29A6D4"),
         GREEN("#1C7D6C"),
         ORANGE("#F77400"),
@@ -104,4 +117,74 @@ public int getColor() {
             return color;
         }
     }
+
+    public interface SetOnClickListener extends ViewHolder.SetOnClickListener {
+        void onItemClick(int position, View itemView);
+    }
+
+    public static class ViewHolder extends RecyclerView.ViewHolder {
+        public TextView title;
+        public TextView description;
+        public ImageView image;
+        public CardView cardView;
+        SetOnClickListener listener;
+
+        public ViewHolder(final View v) {
+            super(v);
+            title = ((TextView) v.findViewById(R.id.title));
+            description = ((TextView) v.findViewById(R.id.description));
+            image = ((ImageView) v.findViewById(R.id.image));
+            cardView = ((CardView) v.findViewById(R.id.card_view));
+
+            v.setClickable(true);
+            v.setOnClickListener(new View.OnClickListener() {
+                @Override
+                public void onClick(View view) {
+                    if (listener != null) {
+                        listener.onItemClick(getAdapterPosition(), v);
+                    }
+                }
+            });
+        }
+
+        public ImageView getImage() {
+            return image;
+        }
+
+        public void setImage(ImageView image) {
+            this.image = image;
+        }
+
+        public CardView getCardView() {
+            return cardView;
+        }
+
+        public void setCardView(CardView cardView) {
+            this.cardView = cardView;
+        }
+
+        public TextView getDescription() {
+            return description;
+        }
+
+        public void setDescription(TextView description) {
+            this.description = description;
+        }
+
+        public TextView getTitle() {
+            return title;
+        }
+
+        public void setTitle(TextView title) {
+            this.title = title;
+        }
+
+        public void setItemClickListener(SetOnClickListener itemClickListener) {
+            this.listener = itemClickListener;
+        }
+
+        public interface SetOnClickListener {
+            void onItemClick(int position, View itemView);
+        }
+    }
 }

source-code/app/src/main/res/layout/activity_template_list.xml

@@ -6,7 +6,7 @@
 
     <include layout="@layout/toolbar_layout" />
 
-    <ListView
+    <android.support.v7.widget.RecyclerView
         android:id="@android:id/list"
         android:layout_width="match_parent"
         android:layout_height="match_parent"

source-code/app/src/main/res/layout/item_template_left.xml

@@ -4,6 +4,7 @@
     android:id="@+id/card_view"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:layout_marginBottom="@dimen/layout_margin"
     android:foreground="?attr/selectableItemBackground"
     android:minHeight="@dimen/cardview_template_height"
     card_view:cardCornerRadius="@dimen/cardview_default_radius"

source-code/app/src/main/res/layout/item_template_right.xml

@@ -4,6 +4,7 @@
     android:id="@+id/card_view"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:layout_marginBottom="@dimen/layout_margin"
     android:foreground="?attr/selectableItemBackground"
     android:minHeight="@dimen/cardview_template_height"
     card_view:cardCornerRadius="@dimen/cardview_default_radius"

source-code/app/src/main/res/values-large/refs.xml

@@ -1,6 +1,5 @@
 <resources>
-
-    <item name="activity_template" type="layout">@layout/activity_template_grid</item>
+    <item name="activity_template" type="layout">@layout/activity_template_list</item>
     <item name="fragment_loadproject" type="layout">@layout/fragment_loadproject_grid</item>
 
 </resources>

source-code/app/src/main/res/values-sw600dp/refs.xml

@@ -1,6 +1,6 @@
 <resources>
 
-    <item name="activity_template" type="layout">@layout/activity_template_grid</item>
+    <item name="activity_template" type="layout">@layout/activity_template_list</item>
     <item name="fragment_loadproject" type="layout">@layout/fragment_loadproject_grid</item>
 
 </resources>