From e1aa460106e30febd969ff71eafa72161ce07bf1 Mon Sep 17 00:00:00 2001
From: inorichi <chibilen@gmail.com>
Date: Fri, 22 Jan 2016 17:37:23 +0100
Subject: [PATCH] Allow to display manga from catalogue as a simple list (#35)

---
 .../data/preference/PreferencesHelper.java    |   4 +
 .../ui/catalogue/CatalogueAdapter.java        |  13 ++-
 .../ui/catalogue/CatalogueFragment.java       |  94 +++++++++++++++---
 .../ui/catalogue/CatalogueGridHolder.java     |  38 +++++++
 .../ui/catalogue/CatalogueHolder.java         |  29 +-----
 .../ui/catalogue/CatalogueListHolder.java     |  24 +++++
 .../ui/catalogue/CataloguePresenter.java      |  40 ++++++--
 .../ui/library/LibraryCategoryAdapter.java    |   2 +-
 ...er.java => EndlessGridScrollListener.java} |   4 +-
 .../widget/EndlessListScrollListener.java     |  49 +++++++++
 .../drawable-hdpi/ic_view_list_white_24dp.png | Bin 0 -> 125 bytes
 .../ic_view_module_white_24dp.png             | Bin 0 -> 115 bytes
 .../drawable-ldpi/ic_view_list_white_24dp.png | Bin 0 -> 187 bytes
 .../ic_view_module_white_24dp.png             | Bin 0 -> 278 bytes
 .../drawable-mdpi/ic_view_list_white_24dp.png | Bin 0 -> 89 bytes
 .../ic_view_module_white_24dp.png             | Bin 0 -> 87 bytes
 .../ic_view_list_white_24dp.png               | Bin 0 -> 117 bytes
 .../ic_view_module_white_24dp.png             | Bin 0 -> 115 bytes
 .../ic_view_list_white_24dp.png               | Bin 0 -> 144 bytes
 .../ic_view_module_white_24dp.png             | Bin 0 -> 139 bytes
 .../ic_view_list_white_24dp.png               | Bin 0 -> 176 bytes
 .../ic_view_module_white_24dp.png             | Bin 0 -> 171 bytes
 .../main/res/layout/fragment_catalogue.xml    |  23 +++--
 .../res/layout/fragment_library_category.xml  |   2 +-
 ..._catalogue.xml => item_catalogue_grid.xml} |   0
 .../main/res/layout/item_catalogue_list.xml   |  16 +++
 app/src/main/res/menu/catalogue_list.xml      |   7 +-
 app/src/main/res/values/keys.xml              |   2 +
 app/src/main/res/values/strings.xml           |   1 +
 29 files changed, 286 insertions(+), 62 deletions(-)
 create mode 100644 app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueGridHolder.java
 create mode 100644 app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueListHolder.java
 rename app/src/main/java/eu/kanade/tachiyomi/widget/{EndlessRecyclerScrollListener.java => EndlessGridScrollListener.java} (89%)
 create mode 100644 app/src/main/java/eu/kanade/tachiyomi/widget/EndlessListScrollListener.java
 create mode 100644 app/src/main/res/drawable-hdpi/ic_view_list_white_24dp.png
 create mode 100644 app/src/main/res/drawable-hdpi/ic_view_module_white_24dp.png
 create mode 100644 app/src/main/res/drawable-ldpi/ic_view_list_white_24dp.png
 create mode 100644 app/src/main/res/drawable-ldpi/ic_view_module_white_24dp.png
 create mode 100644 app/src/main/res/drawable-mdpi/ic_view_list_white_24dp.png
 create mode 100644 app/src/main/res/drawable-mdpi/ic_view_module_white_24dp.png
 create mode 100644 app/src/main/res/drawable-xhdpi/ic_view_list_white_24dp.png
 create mode 100644 app/src/main/res/drawable-xhdpi/ic_view_module_white_24dp.png
 create mode 100644 app/src/main/res/drawable-xxhdpi/ic_view_list_white_24dp.png
 create mode 100644 app/src/main/res/drawable-xxhdpi/ic_view_module_white_24dp.png
 create mode 100644 app/src/main/res/drawable-xxxhdpi/ic_view_list_white_24dp.png
 create mode 100644 app/src/main/res/drawable-xxxhdpi/ic_view_module_white_24dp.png
 rename app/src/main/res/layout/{item_catalogue.xml => item_catalogue_grid.xml} (100%)
 create mode 100644 app/src/main/res/layout/item_catalogue_list.xml

diff --git a/app/src/main/java/eu/kanade/tachiyomi/data/preference/PreferencesHelper.java b/app/src/main/java/eu/kanade/tachiyomi/data/preference/PreferencesHelper.java
index 896883c4dd..6963fc2a36 100644
--- a/app/src/main/java/eu/kanade/tachiyomi/data/preference/PreferencesHelper.java
+++ b/app/src/main/java/eu/kanade/tachiyomi/data/preference/PreferencesHelper.java
@@ -116,6 +116,10 @@ public class PreferencesHelper {
         return rxPrefs.getInteger(getKey(R.string.pref_reader_theme_key), 0);
     }
 
+    public Preference<Boolean> catalogueAsList() {
+        return rxPrefs.getBoolean(getKey(R.string.pref_display_catalogue_as_list), false);
+    }
+
     public String getSourceUsername(Source source) {
         return prefs.getString(SOURCE_ACCOUNT_USERNAME + source.getId(), "");
     }
diff --git a/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueAdapter.java b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueAdapter.java
index 69871e28fa..9d7cd6f704 100644
--- a/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueAdapter.java
+++ b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueAdapter.java
@@ -31,6 +31,10 @@ public class CatalogueAdapter extends FlexibleAdapter<CatalogueHolder, Manga> {
         notifyDataSetChanged();
     }
 
+    public List<Manga> getItems() {
+        return mItems;
+    }
+
     @Override
     public long getItemId(int position) {
         return mItems.get(position).id;
@@ -44,8 +48,13 @@ public class CatalogueAdapter extends FlexibleAdapter<CatalogueHolder, Manga> {
     @Override
     public CatalogueHolder onCreateViewHolder(ViewGroup parent, int viewType) {
         LayoutInflater inflater = fragment.getActivity().getLayoutInflater();
-        View v = inflater.inflate(R.layout.item_catalogue, parent, false);
-        return new CatalogueHolder(v, this, fragment);
+        if (parent.getId() == R.id.catalogue_grid) {
+            View v = inflater.inflate(R.layout.item_catalogue_grid, parent, false);
+            return new CatalogueGridHolder(v, this, fragment);
+        } else {
+            View v = inflater.inflate(R.layout.item_catalogue_list, parent, false);
+            return new CatalogueListHolder(v, this, fragment);
+        }
     }
 
     @Override
diff --git a/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueFragment.java b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueFragment.java
index 8b2460023f..f9d43a420c 100644
--- a/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueFragment.java
+++ b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueFragment.java
@@ -4,7 +4,10 @@ import android.content.Context;
 import android.content.Intent;
 import android.os.Bundle;
 import android.support.annotation.Nullable;
+import android.support.v4.content.ContextCompat;
 import android.support.v7.widget.GridLayoutManager;
+import android.support.v7.widget.LinearLayoutManager;
+import android.support.v7.widget.RecyclerView;
 import android.support.v7.widget.SearchView;
 import android.support.v7.widget.Toolbar;
 import android.text.TextUtils;
@@ -14,9 +17,12 @@ import android.view.MenuInflater;
 import android.view.MenuItem;
 import android.view.View;
 import android.view.ViewGroup;
+import android.view.animation.Animation;
+import android.view.animation.AnimationUtils;
 import android.widget.AdapterView;
 import android.widget.ProgressBar;
 import android.widget.Spinner;
+import android.widget.ViewSwitcher;
 
 import com.afollestad.materialdialogs.MaterialDialog;
 
@@ -30,11 +36,13 @@ import eu.kanade.tachiyomi.data.database.models.Manga;
 import eu.kanade.tachiyomi.data.source.base.Source;
 import eu.kanade.tachiyomi.ui.base.adapter.FlexibleViewHolder;
 import eu.kanade.tachiyomi.ui.base.fragment.BaseRxFragment;
+import eu.kanade.tachiyomi.ui.decoration.DividerItemDecoration;
 import eu.kanade.tachiyomi.ui.main.MainActivity;
 import eu.kanade.tachiyomi.ui.manga.MangaActivity;
 import eu.kanade.tachiyomi.util.ToastUtil;
 import eu.kanade.tachiyomi.widget.AutofitRecyclerView;
-import eu.kanade.tachiyomi.widget.EndlessRecyclerScrollListener;
+import eu.kanade.tachiyomi.widget.EndlessGridScrollListener;
+import eu.kanade.tachiyomi.widget.EndlessListScrollListener;
 import icepick.State;
 import nucleus.factory.RequiresPresenter;
 import rx.Subscription;
@@ -45,14 +53,17 @@ import rx.subjects.PublishSubject;
 public class CatalogueFragment extends BaseRxFragment<CataloguePresenter>
         implements FlexibleViewHolder.OnListItemClickListener {
 
-    @Bind(R.id.recycler) AutofitRecyclerView recycler;
+    @Bind(R.id.switcher) ViewSwitcher switcher;
+    @Bind(R.id.catalogue_grid) AutofitRecyclerView catalogueGrid;
+    @Bind(R.id.catalogue_list) RecyclerView catalogueList;
     @Bind(R.id.progress) ProgressBar progress;
     @Bind(R.id.progress_grid) ProgressBar progressGrid;
 
     private Toolbar toolbar;
     private Spinner spinner;
     private CatalogueAdapter adapter;
-    private EndlessRecyclerScrollListener scrollListener;
+    private EndlessGridScrollListener gridScrollListener;
+    private EndlessListScrollListener listScrollListener;
 
     @State String query = "";
     @State int selectedIndex = -1;
@@ -61,6 +72,8 @@ public class CatalogueFragment extends BaseRxFragment<CataloguePresenter>
     private PublishSubject<String> queryDebouncerSubject;
     private Subscription queryDebouncerSubscription;
 
+    private MenuItem displayMode;
+
     public static CatalogueFragment newInstance() {
         return new CatalogueFragment();
     }
@@ -77,13 +90,32 @@ public class CatalogueFragment extends BaseRxFragment<CataloguePresenter>
         View view = inflater.inflate(R.layout.fragment_catalogue, container, false);
         ButterKnife.bind(this, view);
 
-        // Initialize adapter and scroll listener
-        GridLayoutManager layoutManager = (GridLayoutManager) recycler.getLayoutManager();
+        // Initialize adapter, scroll listener and recycler views
         adapter = new CatalogueAdapter(this);
-        scrollListener = new EndlessRecyclerScrollListener(layoutManager, this::requestNextPage);
-        recycler.setHasFixedSize(true);
-        recycler.setAdapter(adapter);
-        recycler.addOnScrollListener(scrollListener);
+
+        GridLayoutManager glm = (GridLayoutManager) catalogueGrid.getLayoutManager();
+        gridScrollListener = new EndlessGridScrollListener(glm, this::requestNextPage);
+        catalogueGrid.setHasFixedSize(true);
+        catalogueGrid.setAdapter(adapter);
+        catalogueGrid.addOnScrollListener(gridScrollListener);
+
+        LinearLayoutManager llm = new LinearLayoutManager(getActivity());
+        listScrollListener = new EndlessListScrollListener(llm, this::requestNextPage);
+        catalogueList.setHasFixedSize(true);
+        catalogueList.setAdapter(adapter);
+        catalogueList.setLayoutManager(llm);
+        catalogueList.addOnScrollListener(listScrollListener);
+        catalogueList.addItemDecoration(new DividerItemDecoration(
+                ContextCompat.getDrawable(getContext(), R.drawable.line_divider)));
+
+        if (getPresenter().isListMode()) {
+            switcher.showNext();
+        }
+
+        Animation inAnim = AnimationUtils.loadAnimation(getActivity(), android.R.anim.fade_in);
+        Animation outAnim = AnimationUtils.loadAnimation(getActivity(), android.R.anim.fade_out);
+        switcher.setInAnimation(inAnim);
+        switcher.setOutAnimation(outAnim);
 
         // Create toolbar spinner
         Context themedContext = getBaseActivity().getSupportActionBar() != null ?
@@ -109,7 +141,8 @@ public class CatalogueFragment extends BaseRxFragment<CataloguePresenter>
                     } else {
                         selectedIndex = position;
                         showProgressBar();
-                        recycler.setAdapter(adapter);
+                        glm.scrollToPositionWithOffset(0, 0);
+                        llm.scrollToPositionWithOffset(0, 0);
                         getPresenter().startRequesting(source);
                     }
                 }
@@ -152,6 +185,22 @@ public class CatalogueFragment extends BaseRxFragment<CataloguePresenter>
                 return true;
             }
         });
+
+        // Show next display mode
+        displayMode = menu.findItem(R.id.action_display_mode);
+        int icon = getPresenter().isListMode() ?
+                R.drawable.ic_view_module_white_24dp : R.drawable.ic_view_list_white_24dp;
+        displayMode.setIcon(icon);
+    }
+
+    @Override
+    public boolean onOptionsItemSelected(MenuItem item) {
+        switch (item.getItemId()) {
+            case R.id.action_display_mode:
+                swapDisplayMode();
+                break;
+        }
+        return super.onOptionsItemSelected(item);
     }
 
     @Override
@@ -198,7 +247,8 @@ public class CatalogueFragment extends BaseRxFragment<CataloguePresenter>
 
         query = newQuery;
         showProgressBar();
-        recycler.getLayoutManager().scrollToPosition(0);
+        catalogueGrid.getLayoutManager().scrollToPosition(0);
+        catalogueList.getLayoutManager().scrollToPosition(0);
 
         getPresenter().restartRequest(query);
     }
@@ -214,7 +264,8 @@ public class CatalogueFragment extends BaseRxFragment<CataloguePresenter>
         hideProgressBar();
         if (page == 0) {
             adapter.clear();
-            scrollListener.resetScroll();
+            gridScrollListener.resetScroll();
+            listScrollListener.resetScroll();
         }
         adapter.addItems(mangas);
     }
@@ -224,15 +275,28 @@ public class CatalogueFragment extends BaseRxFragment<CataloguePresenter>
     }
 
     public void updateImage(Manga manga) {
-        CatalogueHolder holder = getHolder(manga);
+        CatalogueGridHolder holder = getHolder(manga);
         if (holder != null) {
             holder.setImage(manga, getPresenter());
         }
     }
 
+    public void swapDisplayMode() {
+        getPresenter().swapDisplayMode();
+        boolean isListMode = getPresenter().isListMode();
+        int icon = isListMode ?
+                R.drawable.ic_view_module_white_24dp : R.drawable.ic_view_list_white_24dp;
+        displayMode.setIcon(icon);
+        switcher.showNext();
+        if (!isListMode) {
+            // Initialize mangas if going to grid view
+            getPresenter().initializeMangas(adapter.getItems());
+        }
+    }
+
     @Nullable
-    private CatalogueHolder getHolder(Manga manga) {
-        return (CatalogueHolder) recycler.findViewHolderForItemId(manga.id);
+    private CatalogueGridHolder getHolder(Manga manga) {
+        return (CatalogueGridHolder) catalogueGrid.findViewHolderForItemId(manga.id);
     }
 
     private void showProgressBar() {
diff --git a/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueGridHolder.java b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueGridHolder.java
new file mode 100644
index 0000000000..b45fe51e6d
--- /dev/null
+++ b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueGridHolder.java
@@ -0,0 +1,38 @@
+package eu.kanade.tachiyomi.ui.catalogue;
+
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import butterknife.Bind;
+import butterknife.ButterKnife;
+import eu.kanade.tachiyomi.R;
+import eu.kanade.tachiyomi.data.database.models.Manga;
+
+public class CatalogueGridHolder extends CatalogueHolder {
+
+    @Bind(R.id.title) TextView title;
+    @Bind(R.id.thumbnail) ImageView thumbnail;
+    @Bind(R.id.favorite_sticker) ImageView favoriteSticker;
+
+    public CatalogueGridHolder(View view, CatalogueAdapter adapter, OnListItemClickListener listener) {
+        super(view, adapter, listener);
+        ButterKnife.bind(this, view);
+    }
+
+    @Override
+    public void onSetValues(Manga manga, CataloguePresenter presenter) {
+        title.setText(manga.title);
+        favoriteSticker.setVisibility(manga.favorite ? View.VISIBLE : View.GONE);
+        setImage(manga, presenter);
+    }
+
+    public void setImage(Manga manga, CataloguePresenter presenter) {
+        if (manga.thumbnail_url != null) {
+            presenter.coverCache.loadFromNetwork(thumbnail, manga.thumbnail_url,
+                    presenter.getSource().getGlideHeaders());
+        } else {
+            thumbnail.setImageResource(android.R.color.transparent);
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueHolder.java b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueHolder.java
index 243b6d8041..8de83acee1 100644
--- a/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueHolder.java
+++ b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueHolder.java
@@ -1,38 +1,15 @@
 package eu.kanade.tachiyomi.ui.catalogue;
 
 import android.view.View;
-import android.widget.ImageView;
-import android.widget.TextView;
 
-import butterknife.Bind;
-import butterknife.ButterKnife;
-import eu.kanade.tachiyomi.R;
 import eu.kanade.tachiyomi.data.database.models.Manga;
 import eu.kanade.tachiyomi.ui.base.adapter.FlexibleViewHolder;
 
-public class CatalogueHolder extends FlexibleViewHolder {
-
-    @Bind(R.id.title) TextView title;
-    @Bind(R.id.thumbnail) ImageView thumbnail;
-    @Bind(R.id.favorite_sticker) ImageView favoriteSticker;
+public abstract class CatalogueHolder extends FlexibleViewHolder {
 
     public CatalogueHolder(View view, CatalogueAdapter adapter, OnListItemClickListener listener) {
         super(view, adapter, listener);
-        ButterKnife.bind(this, view);
     }
 
-    public void onSetValues(Manga manga, CataloguePresenter presenter) {
-        title.setText(manga.title);
-        favoriteSticker.setVisibility(manga.favorite ? View.VISIBLE : View.GONE);
-        setImage(manga, presenter);
-    }
-
-    public void setImage(Manga manga, CataloguePresenter presenter) {
-        if (manga.thumbnail_url != null) {
-            presenter.coverCache.loadFromNetwork(thumbnail, manga.thumbnail_url,
-                    presenter.getSource().getGlideHeaders());
-        } else {
-            thumbnail.setImageResource(android.R.color.transparent);
-        }
-    }
-}
\ No newline at end of file
+    abstract void onSetValues(Manga manga, CataloguePresenter presenter);
+}
diff --git a/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueListHolder.java b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueListHolder.java
new file mode 100644
index 0000000000..a4fd788a4e
--- /dev/null
+++ b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CatalogueListHolder.java
@@ -0,0 +1,24 @@
+package eu.kanade.tachiyomi.ui.catalogue;
+
+import android.view.View;
+import android.widget.TextView;
+
+import butterknife.Bind;
+import butterknife.ButterKnife;
+import eu.kanade.tachiyomi.R;
+import eu.kanade.tachiyomi.data.database.models.Manga;
+
+public class CatalogueListHolder extends CatalogueHolder {
+
+    @Bind(R.id.title) TextView title;
+
+    public CatalogueListHolder(View view, CatalogueAdapter adapter, OnListItemClickListener listener) {
+        super(view, adapter, listener);
+        ButterKnife.bind(this, view);
+    }
+
+    @Override
+    public void onSetValues(Manga manga, CataloguePresenter presenter) {
+        title.setText(manga.title);
+    }
+}
diff --git a/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CataloguePresenter.java b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CataloguePresenter.java
index bc30ba7602..97381fde99 100644
--- a/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CataloguePresenter.java
+++ b/app/src/main/java/eu/kanade/tachiyomi/ui/catalogue/CataloguePresenter.java
@@ -42,6 +42,8 @@ public class CataloguePresenter extends BasePresenter<CatalogueFragment> {
 
     private PublishSubject<List<Manga>> mangaDetailSubject;
 
+    private boolean isListMode;
+
     private static final int GET_MANGA_LIST = 1;
     private static final int GET_MANGA_DETAIL = 2;
     private static final int GET_MANGA_PAGE = 3;
@@ -72,12 +74,14 @@ public class CataloguePresenter extends BasePresenter<CatalogueFragment> {
                         .observeOn(Schedulers.io())
                         .flatMap(Observable::from)
                         .filter(manga -> !manga.initialized)
-                        .window(3)
-                        .concatMap(pack -> pack.concatMap(this::getMangaDetails))
+                        .concatMap(this::getMangaDetails)
                         .onBackpressureBuffer()
                         .observeOn(AndroidSchedulers.mainThread()),
                 CatalogueFragment::updateImage,
                 (view, error) -> Timber.e(error.getMessage()));
+
+        add(prefs.catalogueAsList().asObservable()
+                .subscribe(this::setDisplayMode));
     }
 
     private void onProcessRestart() {
@@ -87,6 +91,15 @@ public class CataloguePresenter extends BasePresenter<CatalogueFragment> {
         stop(GET_MANGA_PAGE);
     }
 
+    private void setDisplayMode(boolean asList) {
+        this.isListMode = asList;
+        if (asList) {
+            stop(GET_MANGA_DETAIL);
+        } else {
+            start(GET_MANGA_DETAIL);
+        }
+    }
+
     public void startRequesting(Source source) {
         this.source = source;
         sourceId = source.getId();
@@ -98,7 +111,9 @@ public class CataloguePresenter extends BasePresenter<CatalogueFragment> {
         stop(GET_MANGA_PAGE);
         lastMangasPage = null;
 
-        start(GET_MANGA_DETAIL);
+        if (!isListMode) {
+            start(GET_MANGA_DETAIL);
+        }
         start(GET_MANGA_LIST);
         start(GET_MANGA_PAGE);
     }
@@ -124,10 +139,7 @@ public class CataloguePresenter extends BasePresenter<CatalogueFragment> {
                 .flatMap(mangasPage -> Observable.from(mangasPage.mangas))
                 .map(this::networkToLocalManga)
                 .toList()
-                .doOnNext(mangas -> {
-                    if (mangaDetailSubject != null)
-                        mangaDetailSubject.onNext(mangas);
-                })
+                .doOnNext(this::initializeMangas)
                 .observeOn(AndroidSchedulers.mainThread());
     }
 
@@ -141,9 +153,12 @@ public class CataloguePresenter extends BasePresenter<CatalogueFragment> {
         return localManga;
     }
 
+    public void initializeMangas(List<Manga> mangas) {
+        mangaDetailSubject.onNext(mangas);
+    }
+
     private Observable<Manga> getMangaDetails(final Manga manga) {
         return source.pullMangaFromNetwork(manga.url)
-                .subscribeOn(Schedulers.io())
                 .flatMap(networkManga -> {
                     manga.copyFrom(networkManga);
                     db.insertManga(manga).executeAsBlocking();
@@ -181,4 +196,13 @@ public class CataloguePresenter extends BasePresenter<CatalogueFragment> {
         manga.favorite = !manga.favorite;
         db.insertManga(manga).executeAsBlocking();
     }
+
+    public boolean isListMode() {
+        return isListMode;
+    }
+
+    public void swapDisplayMode() {
+        prefs.catalogueAsList().set(!isListMode);
+    }
+
 }
diff --git a/app/src/main/java/eu/kanade/tachiyomi/ui/library/LibraryCategoryAdapter.java b/app/src/main/java/eu/kanade/tachiyomi/ui/library/LibraryCategoryAdapter.java
index 9319e9db93..5f3a0ff7ca 100644
--- a/app/src/main/java/eu/kanade/tachiyomi/ui/library/LibraryCategoryAdapter.java
+++ b/app/src/main/java/eu/kanade/tachiyomi/ui/library/LibraryCategoryAdapter.java
@@ -52,7 +52,7 @@ public class LibraryCategoryAdapter extends FlexibleAdapter<LibraryHolder, Manga
 
     @Override
     public LibraryHolder onCreateViewHolder(ViewGroup parent, int viewType) {
-        View v = LayoutInflater.from(fragment.getActivity()).inflate(R.layout.item_catalogue, parent, false);
+        View v = LayoutInflater.from(fragment.getActivity()).inflate(R.layout.item_catalogue_grid, parent, false);
         return new LibraryHolder(v, this, fragment);
     }
 
diff --git a/app/src/main/java/eu/kanade/tachiyomi/widget/EndlessRecyclerScrollListener.java b/app/src/main/java/eu/kanade/tachiyomi/widget/EndlessGridScrollListener.java
similarity index 89%
rename from app/src/main/java/eu/kanade/tachiyomi/widget/EndlessRecyclerScrollListener.java
rename to app/src/main/java/eu/kanade/tachiyomi/widget/EndlessGridScrollListener.java
index d55b2a5834..a4d74d5502 100644
--- a/app/src/main/java/eu/kanade/tachiyomi/widget/EndlessRecyclerScrollListener.java
+++ b/app/src/main/java/eu/kanade/tachiyomi/widget/EndlessGridScrollListener.java
@@ -5,7 +5,7 @@ import android.support.v7.widget.RecyclerView;
 
 import rx.functions.Action0;
 
-public class EndlessRecyclerScrollListener extends RecyclerView.OnScrollListener {
+public class EndlessGridScrollListener extends RecyclerView.OnScrollListener {
 
     private int previousTotal = 0; // The total number of items in the dataset after the last load
     private boolean loading = true; // True if we are still waiting for the last set of data to load.
@@ -16,7 +16,7 @@ public class EndlessRecyclerScrollListener extends RecyclerView.OnScrollListener
 
     private Action0 requestNext;
 
-    public EndlessRecyclerScrollListener(GridLayoutManager layoutManager, Action0 requestNext) {
+    public EndlessGridScrollListener(GridLayoutManager layoutManager, Action0 requestNext) {
         this.layoutManager = layoutManager;
         this.requestNext = requestNext;
     }
diff --git a/app/src/main/java/eu/kanade/tachiyomi/widget/EndlessListScrollListener.java b/app/src/main/java/eu/kanade/tachiyomi/widget/EndlessListScrollListener.java
new file mode 100644
index 0000000000..b5fcfa9408
--- /dev/null
+++ b/app/src/main/java/eu/kanade/tachiyomi/widget/EndlessListScrollListener.java
@@ -0,0 +1,49 @@
+package eu.kanade.tachiyomi.widget;
+
+import android.support.v7.widget.LinearLayoutManager;
+import android.support.v7.widget.RecyclerView;
+
+import rx.functions.Action0;
+
+public class EndlessListScrollListener extends RecyclerView.OnScrollListener {
+
+    private int previousTotal = 0; // The total number of items in the dataset after the last load
+    private boolean loading = true; // True if we are still waiting for the last set of data to load.
+    private int visibleThreshold = 5; // The minimum amount of items to have below your current scroll position before loading more.
+    int firstVisibleItem, visibleItemCount, totalItemCount;
+
+    private LinearLayoutManager layoutManager;
+
+    private Action0 requestNext;
+
+    public EndlessListScrollListener(LinearLayoutManager layoutManager, Action0 requestNext) {
+        this.layoutManager = layoutManager;
+        this.requestNext = requestNext;
+    }
+
+    public void resetScroll() {
+        previousTotal = 0;
+        loading = true;
+    }
+
+    @Override
+    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
+        super.onScrolled(recyclerView, dx, dy);
+
+        visibleItemCount = recyclerView.getChildCount();
+        totalItemCount = layoutManager.getItemCount();
+        firstVisibleItem = layoutManager.findFirstVisibleItemPosition();
+
+        if (loading && (totalItemCount > previousTotal)) {
+            loading = false;
+            previousTotal = totalItemCount;
+        }
+        if (!loading && (totalItemCount - visibleItemCount)
+                <= (firstVisibleItem + visibleThreshold)) {
+            // End has been reached
+            requestNext.call();
+            loading = true;
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable-hdpi/ic_view_list_white_24dp.png b/app/src/main/res/drawable-hdpi/ic_view_list_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..98c45924adc61322072a0058cb4911b6f69aa87f
GIT binary patch
literal 125
zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k0wldT1B8K;i>HfYNX4z>ALkupPZ(rfm|(tw
zk<;i;xx>TccD@_DPHYOvoXu^4%_mGdvNpPHEisYGcD}gaVp7T$3CWP7CssH*A68(H
XVAy%vs;MpuXdZ*7tDnm{r-UW|K<y_{

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-hdpi/ic_view_module_white_24dp.png b/app/src/main/res/drawable-hdpi/ic_view_module_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..53f1e56af9bfad29950673eb84e461376546b464
GIT binary patch
literal 115
zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k0wldT1B8K;m8XkiNX4z>ALkupPZ(rfm|(tw
zk=05-v+1Zp$OVTbCssHvX1l227^K_XbL`d%$L3QDE>`7US-@z<!7w>~-m}O2k5>Rq
OVeoYIb6Mw<&;$VPJ0+I@

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-ldpi/ic_view_list_white_24dp.png b/app/src/main/res/drawable-ldpi/ic_view_list_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..35df0ba80137b2af3a32cfa80269140acbbcf40a
GIT binary patch
literal 187
zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a)4CQlc~kcwN$2@2vJ9UTP@hQd?Q
z+z%<(ad$n+zP@hh{;IE9!X2g!7OWk{6AGjP?#V?qa|C?2w!i-WJLW<gf&0vl%sqZ+
z2GlWaVyjzlz;3}2M}==Jk8~aONOR`1pL(vGEx^Wgr)`!D-;wYIITHIgr{pj5U_R-m
jbo25OR_&95?m)*?3Ng?59@8lSbPa>2tDnm{r-UW|1BO7w

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-ldpi/ic_view_module_white_24dp.png b/app/src/main/res/drawable-ldpi/ic_view_module_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..7bf1e34eeed3c2e7158784eac74781a6684b9ca9
GIT binary patch
literal 278
zcmV+x0qOpUP)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG0002pNkl<Zc-o!P
zy$-=p7{>8xd@Ux8#UvtJgv4wyia}6@x(v6#A~CrLF<7_&n<#_$ih)*Q5?kYc<P4{c
zsZD;#$@82yJ^j$Mu$N&NNhyYeT<c06^=-Co+j1PIj~bfjp(HblzM>8ogh$Wwo|t2g
zD>}Hrr5^<c4ipY%uyH~g7u@NG>Oh>JOCeOzKnr=9ne^p<cW|+SINn)q7Ds!~Pl5yD
zI3FzJam4eOc;QVwRtM4q8;TvKSYnO3e4Z`+KpoI|ZAHQYvdGDG3cs8_6Z~-EBSivy
cd8j|)3vH(U!c%C5Gynhq07*qoM6N<$g5$n(mjD0&

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-mdpi/ic_view_list_white_24dp.png b/app/src/main/res/drawable-mdpi/ic_view_list_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..0334012572085e72ec8d0a92e90881cb22e039ec
GIT binary patch
literal 89
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM0wlfaz7_*11y2{pkcwN$Kh8TyrAUNHB`_Rx
lVsDN=ykfb#t?ipl8Vu^M|H?}=cY@S1c)I$ztaD0e0sx?b80r83

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-mdpi/ic_view_module_white_24dp.png b/app/src/main/res/drawable-mdpi/ic_view_module_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..11e24924968c70af016d0a7fd9ae5cb754f67aa9
GIT binary patch
literal 87
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM0wlfaz7_*1IZqeIkcwN$Kh8TyrAUNH2{4#f
jhaAq>z}J@`>nO$GYxz;z*{WhaP$h$>tDnm{r-UW|HCz?x

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xhdpi/ic_view_list_white_24dp.png b/app/src/main/res/drawable-xhdpi/ic_view_list_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ce8a806c4f9c9bc791d7122365de2a6a37bbb0e
GIT binary patch
literal 117
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA0wn)(8}a}t8&4O<kcwMxFB@_(DDW^J`1AjA
zskoznm!RIwU3V@mxpbR>p@B2u{L3<Kh7Z;WC--qAoSeqP5Mji?Q1O~6Z0(n2(=OkP
Q1)9U)>FVdQ&MBb@09c476951J

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xhdpi/ic_view_module_white_24dp.png b/app/src/main/res/drawable-xhdpi/ic_view_module_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..89980e2620249af35757014a33be50f23fe85882
GIT binary patch
literal 115
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA0wn)(8}a}tD^C~4kcwMxuNZOxC72KV`G5Hv
z^IR?0mhR|j(JCwd>}6nR;CwJ`x*SMtgXvdS28IK(m>3%79$?(sdgPjuh4O!(41=eu
KpUXO@geCyl&?8|0

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_view_list_white_24dp.png b/app/src/main/res/drawable-xxhdpi/ic_view_list_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..6082dad61711ad208e576b363ddbf4f0b396caba
GIT binary patch
literal 144
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY0wn)GsXhaw!aZFaLn>~)y|$5)!GMG1!2SA6
zV@D=2#)FqHJ>xp+pBl!_0R|bmFT&nuZf^jCe~mTO9}iDu1c6R@hiOtEB_4kS>><((
aw`v*8Zar%^?y3P<!QkoY=d#Wzp$PycS1;56

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_view_module_white_24dp.png b/app/src/main/res/drawable-xxhdpi/ic_view_module_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..02377043c58e80bc1caf4e2524870665337bf1ba
GIT binary patch
literal 139
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY0wn)GsXhawf;?RuLn>~)y|z%0!GMG1;QRfV
zmmEV_8d<v|4xd?iDVv!E47P}s%-?SA00Z_-CR<N@Pla)n;-4@xLI5v|?BBYo&ug_R
RrvpuA@O1TaS?83{1OUF$DT)99

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxxhdpi/ic_view_list_white_24dp.png b/app/src/main/res/drawable-xxxhdpi/ic_view_list_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..ecd9e1b2a33e7a014efc463471232bacb018f4f3
GIT binary patch
literal 176
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD0wg^q?%xcg$~|2iLn>~)y}pr?!GOc{;Qs%Y
z(pp$lnhI{+ic#JZQkD-?g9Pdr^FCKymqmy)R5mCvUpTT)04~&^7M8*=>xMWJT;#%$
gE*>}s$Vjk%!0>|M(xD^XWz#_7p00i_>zopr0Mmym!vFvP

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxxhdpi/ic_view_module_white_24dp.png b/app/src/main/res/drawable-xxxhdpi/ic_view_module_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..02cd1b32145ee129e393340d21f1514af93b4ebe
GIT binary patch
literal 171
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD0wg^q?%xcgiacE$Ln>~)y|Iv&!GVM2;OqUF
z84u4+c3{&<<4Fp>xt9^B1_6GsR?J;ljo?FA4U!E;><fB-IiXA3T4BVFCRV_F!Fh#n
Tlj2mK#UL3^S3j3^P6<r_+6*KO

literal 0
HcmV?d00001

diff --git a/app/src/main/res/layout/fragment_catalogue.xml b/app/src/main/res/layout/fragment_catalogue.xml
index ad7b10cd24..38956c3f0f 100644
--- a/app/src/main/res/layout/fragment_catalogue.xml
+++ b/app/src/main/res/layout/fragment_catalogue.xml
@@ -11,17 +11,28 @@
         android:id="@+id/progress"
         style="?android:attr/progressBarStyleLarge"
         android:layout_width="wrap_content"
-        android:layout_height="fill_parent"
+        android:layout_height="match_parent"
         android:layout_gravity="center_vertical|center_horizontal"
         android:visibility="gone"/>
 
-    <eu.kanade.tachiyomi.widget.AutofitRecyclerView
-        android:id="@+id/recycler"
-        style="@style/AppTheme.GridView"
+    <ViewSwitcher
+        android:layout_width="match_parent"
         android:layout_height="0dp"
         android:layout_weight="1"
-        android:columnWidth="140dp"
-        tools:listitem="@layout/item_catalogue" />
+        android:id="@+id/switcher">
+
+        <eu.kanade.tachiyomi.widget.AutofitRecyclerView
+            android:id="@+id/catalogue_grid"
+            style="@style/AppTheme.GridView"
+            android:columnWidth="140dp"
+            tools:listitem="@layout/item_catalogue_grid" />
+
+        <android.support.v7.widget.RecyclerView
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:id="@+id/catalogue_list"/>
+
+    </ViewSwitcher>
 
     <ProgressBar
         android:id="@+id/progress_grid"
diff --git a/app/src/main/res/layout/fragment_library_category.xml b/app/src/main/res/layout/fragment_library_category.xml
index 2da379beb1..f9d23bb341 100644
--- a/app/src/main/res/layout/fragment_library_category.xml
+++ b/app/src/main/res/layout/fragment_library_category.xml
@@ -8,6 +8,6 @@
         android:id="@+id/library_mangas"
         style="@style/AppTheme.GridView"
         android:columnWidth="140dp"
-        tools:listitem="@layout/item_catalogue" />
+        tools:listitem="@layout/item_catalogue_grid" />
 
 </FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_catalogue.xml b/app/src/main/res/layout/item_catalogue_grid.xml
similarity index 100%
rename from app/src/main/res/layout/item_catalogue.xml
rename to app/src/main/res/layout/item_catalogue_grid.xml
diff --git a/app/src/main/res/layout/item_catalogue_list.xml b/app/src/main/res/layout/item_catalogue_list.xml
new file mode 100644
index 0000000000..409714fe62
--- /dev/null
+++ b/app/src/main/res/layout/item_catalogue_list.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="?android:listPreferredItemHeightSmall"
+    android:background="@drawable/selector_chapter_light">
+
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center_vertical"
+        android:paddingLeft="?android:listPreferredItemPaddingLeft"
+        android:paddingRight="?android:listPreferredItemPaddingLeft"
+        android:id="@+id/title"/>
+
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/menu/catalogue_list.xml b/app/src/main/res/menu/catalogue_list.xml
index c0b1a7c5eb..668f162618 100644
--- a/app/src/main/res/menu/catalogue_list.xml
+++ b/app/src/main/res/menu/catalogue_list.xml
@@ -1,11 +1,16 @@
 <menu xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools" tools:context=".CatalogueListActivity">
+
     <item
         android:id="@+id/action_search"
         android:title="@string/action_search"
         android:icon="@drawable/ic_action_search"
-        android:orderInCategory="100"
         app:showAsAction="collapseActionView|ifRoom"
         app:actionViewClass="android.support.v7.widget.SearchView"/>
+
+    <item
+        android:id="@+id/action_display_mode"
+        android:title="@string/action_display_mode"
+        app:showAsAction="ifRoom"/>
 </menu>
diff --git a/app/src/main/res/values/keys.xml b/app/src/main/res/values/keys.xml
index 6ccd1552b8..e1013b9025 100644
--- a/app/src/main/res/values/keys.xml
+++ b/app/src/main/res/values/keys.xml
@@ -35,4 +35,6 @@
 
     <string name="pref_version">pref_version</string>
     <string name="pref_build_time">pref_build_time</string>
+
+    <string name="pref_display_catalogue_as_list">pref_display_catalogue_as_list</string>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 025323e9d1..d91187577b 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -38,6 +38,7 @@
     <string name="action_previous_chapter">Previous chapter</string>
     <string name="action_next_chapter">Next chapter</string>
     <string name="action_retry">Retry</string>
+    <string name="action_display_mode">Change display mode</string>
 
 
     <!-- Buttons -->