From 28227f2ef3ff7e047b55c8b14ed07569d56bf104 Mon Sep 17 00:00:00 2001 From: Bradlee Speice Date: Sun, 13 Jul 2014 22:43:54 -0400 Subject: [PATCH] Add a highlighting Navbar on the front page Used to help orient people scrolling through books, in a way that is colorful. Shading the background of a list item is also totally a possibility. --- .../NavigationDrawerFragment.java | 283 ------------------ .../BaseNavigationDrawerFragment.java | 1 + .../activity/NavDrawerAdapter.java | 105 +++++++ .../viewer/ViewerNavDrawerFragment.java | 7 +- .../res/layout/list_navigation_drawer.xml | 27 ++ app/src/main/res/values/colors.xml | 2 + app/src/main/res/values/dimens.xml | 2 + 7 files changed, 141 insertions(+), 286 deletions(-) delete mode 100644 app/src/main/java/org/bspeice/minimalbible/NavigationDrawerFragment.java create mode 100644 app/src/main/java/org/bspeice/minimalbible/activity/NavDrawerAdapter.java create mode 100644 app/src/main/res/layout/list_navigation_drawer.xml diff --git a/app/src/main/java/org/bspeice/minimalbible/NavigationDrawerFragment.java b/app/src/main/java/org/bspeice/minimalbible/NavigationDrawerFragment.java deleted file mode 100644 index c264d11..0000000 --- a/app/src/main/java/org/bspeice/minimalbible/NavigationDrawerFragment.java +++ /dev/null @@ -1,283 +0,0 @@ -package org.bspeice.minimalbible; - -import android.support.v7.app.ActionBarActivity; -import android.app.Activity; -import android.support.v7.app.ActionBar; -import android.support.v4.app.Fragment; -import android.support.v4.app.ActionBarDrawerToggle; -import android.support.v4.view.GravityCompat; -import android.support.v4.widget.DrawerLayout; -import android.content.SharedPreferences; -import android.content.res.Configuration; -import android.os.Bundle; -import android.preference.PreferenceManager; -import android.view.LayoutInflater; -import android.view.Menu; -import android.view.MenuInflater; -import android.view.MenuItem; -import android.view.View; -import android.view.ViewGroup; -import android.widget.AdapterView; -import android.widget.ArrayAdapter; -import android.widget.ListView; -import android.widget.Toast; - -/** - * Fragment used for managing interactions for and presentation of a navigation drawer. - * See the - * design guidelines for a complete explanation of the behaviors implemented here. - */ -public class NavigationDrawerFragment extends Fragment { - - /** - * Remember the position of the selected item. - */ - private static final String STATE_SELECTED_POSITION = "selected_navigation_drawer_position"; - - /** - * Per the design guidelines, you should show the drawer on launch until the user manually - * expands it. This shared preference tracks this. - */ - private static final String PREF_USER_LEARNED_DRAWER = "navigation_drawer_learned"; - - /** - * A pointer to the current callbacks instance (the Activity). - */ - private NavigationDrawerCallbacks mCallbacks; - - /** - * Helper component that ties the action bar to the navigation drawer. - */ - private ActionBarDrawerToggle mDrawerToggle; - - private DrawerLayout mDrawerLayout; - private ListView mDrawerListView; - private View mFragmentContainerView; - - private int mCurrentSelectedPosition = 0; - private boolean mFromSavedInstanceState; - private boolean mUserLearnedDrawer; - - public NavigationDrawerFragment() { - } - - @Override - public void onCreate(Bundle savedInstanceState) { - super.onCreate(savedInstanceState); - - // Read in the flag indicating whether or not the user has demonstrated awareness of the - // drawer. See PREF_USER_LEARNED_DRAWER for details. - SharedPreferences sp = PreferenceManager.getDefaultSharedPreferences(getActivity()); - mUserLearnedDrawer = sp.getBoolean(PREF_USER_LEARNED_DRAWER, false); - - if (savedInstanceState != null) { - mCurrentSelectedPosition = savedInstanceState.getInt(STATE_SELECTED_POSITION); - mFromSavedInstanceState = true; - } - - // Select either the default item (0) or the last selected item. - selectItem(mCurrentSelectedPosition); - } - - @Override - public void onActivityCreated (Bundle savedInstanceState) { - super.onActivityCreated(savedInstanceState); - // Indicate that this fragment would like to influence the set of actions in the action bar. - setHasOptionsMenu(true); - } - - @Override - public View onCreateView(LayoutInflater inflater, ViewGroup container, - Bundle savedInstanceState) { - mDrawerListView = (ListView) inflater.inflate( - R.layout.fragment_navigation_drawer, container, false); - mDrawerListView.setOnItemClickListener(new AdapterView.OnItemClickListener() { - @Override - public void onItemClick(AdapterView parent, View view, int position, long id) { - selectItem(position); - } - }); - mDrawerListView.setAdapter(new ArrayAdapter( - //getActionBar().getThemedContext(), - getActivity(), - android.R.layout.simple_list_item_1, - android.R.id.text1, - new String[]{ - getString(R.string.title_section1), - getString(R.string.title_section2), - getString(R.string.title_section3), - })); - mDrawerListView.setItemChecked(mCurrentSelectedPosition, true); - return mDrawerListView; - } - - public boolean isDrawerOpen() { - return mDrawerLayout != null && mDrawerLayout.isDrawerOpen(mFragmentContainerView); - } - - /** - * Users of this fragment must call this method to set up the navigation drawer interactions. - * - * @param fragmentId The android:id of this fragment in its activity's layout. - * @param drawerLayout The DrawerLayout containing this fragment's UI. - */ - public void setUp(int fragmentId, DrawerLayout drawerLayout) { - mFragmentContainerView = getActivity().findViewById(fragmentId); - mDrawerLayout = drawerLayout; - - // set a custom shadow that overlays the main content when the drawer opens - mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START); - // set up the drawer's list view with items and click listener - - ActionBar actionBar = getActionBar(); - actionBar.setDisplayHomeAsUpEnabled(true); - actionBar.setHomeButtonEnabled(true); - - // ActionBarDrawerToggle ties together the the proper interactions - // between the navigation drawer and the action bar app icon. - mDrawerToggle = new ActionBarDrawerToggle( - getActivity(), /* host Activity */ - mDrawerLayout, /* DrawerLayout object */ - R.drawable.ic_drawer, /* nav drawer image to replace 'Up' caret */ - R.string.navigation_drawer_open, /* "open drawer" description for accessibility */ - R.string.navigation_drawer_close /* "close drawer" description for accessibility */ - ) { - @Override - public void onDrawerClosed(View drawerView) { - super.onDrawerClosed(drawerView); - if (!isAdded()) { - return; - } - - getActivity().supportInvalidateOptionsMenu(); // calls onPrepareOptionsMenu() - } - - @Override - public void onDrawerOpened(View drawerView) { - super.onDrawerOpened(drawerView); - if (!isAdded()) { - return; - } - - if (!mUserLearnedDrawer) { - // The user manually opened the drawer; store this flag to prevent auto-showing - // the navigation drawer automatically in the future. - mUserLearnedDrawer = true; - SharedPreferences sp = PreferenceManager - .getDefaultSharedPreferences(getActivity()); - sp.edit().putBoolean(PREF_USER_LEARNED_DRAWER, true).commit(); - } - - getActivity().supportInvalidateOptionsMenu(); // calls onPrepareOptionsMenu() - } - }; - - // If the user hasn't 'learned' about the drawer, open it to introduce them to the drawer, - // per the navigation drawer design guidelines. - if (!mUserLearnedDrawer && !mFromSavedInstanceState) { - mDrawerLayout.openDrawer(mFragmentContainerView); - } - - // Defer code dependent on restoration of previous instance state. - mDrawerLayout.post(new Runnable() { - @Override - public void run() { - mDrawerToggle.syncState(); - } - }); - - mDrawerLayout.setDrawerListener(mDrawerToggle); - } - - private void selectItem(int position) { - mCurrentSelectedPosition = position; - if (mDrawerListView != null) { - mDrawerListView.setItemChecked(position, true); - } - if (mDrawerLayout != null) { - mDrawerLayout.closeDrawer(mFragmentContainerView); - } - if (mCallbacks != null) { - mCallbacks.onNavigationDrawerItemSelected(position); - } - } - - @Override - public void onAttach(Activity activity) { - super.onAttach(activity); - try { - mCallbacks = (NavigationDrawerCallbacks) activity; - } catch (ClassCastException e) { - throw new ClassCastException("Activity must implement NavigationDrawerCallbacks."); - } - } - - @Override - public void onDetach() { - super.onDetach(); - mCallbacks = null; - } - - @Override - public void onSaveInstanceState(Bundle outState) { - super.onSaveInstanceState(outState); - outState.putInt(STATE_SELECTED_POSITION, mCurrentSelectedPosition); - } - - @Override - public void onConfigurationChanged(Configuration newConfig) { - super.onConfigurationChanged(newConfig); - // Forward the new configuration the drawer toggle component. - mDrawerToggle.onConfigurationChanged(newConfig); - } - - @Override - public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { - // If the drawer is open, show the global app actions in the action bar. See also - // showGlobalContextActionBar, which controls the top-left area of the action bar. - if (mDrawerLayout != null && isDrawerOpen()) { - inflater.inflate(R.menu.global, menu); - showGlobalContextActionBar(); - } - super.onCreateOptionsMenu(menu, inflater); - } - - @Override - public boolean onOptionsItemSelected(MenuItem item) { - if (mDrawerToggle.onOptionsItemSelected(item)) { - return true; - } - - if (item.getItemId() == R.id.action_example) { - Toast.makeText(getActivity(), "Example action.", Toast.LENGTH_SHORT).show(); - return true; - } - - return super.onOptionsItemSelected(item); - } - - /** - * Per the navigation drawer design guidelines, updates the action bar to show the global app - * 'context', rather than just what's in the current screen. - */ - private void showGlobalContextActionBar() { - ActionBar actionBar = getActionBar(); - actionBar.setDisplayShowTitleEnabled(true); - actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD); - actionBar.setTitle(R.string.app_name); - } - - private ActionBar getActionBar() { - return ((ActionBarActivity) getActivity()).getSupportActionBar(); - } - - /** - * Callbacks interface that all activities using this fragment must implement. - */ - public static interface NavigationDrawerCallbacks { - /** - * Called when an item in the navigation drawer is selected. - */ - void onNavigationDrawerItemSelected(int position); - } -} diff --git a/app/src/main/java/org/bspeice/minimalbible/activity/BaseNavigationDrawerFragment.java b/app/src/main/java/org/bspeice/minimalbible/activity/BaseNavigationDrawerFragment.java index a795607..d6135ad 100644 --- a/app/src/main/java/org/bspeice/minimalbible/activity/BaseNavigationDrawerFragment.java +++ b/app/src/main/java/org/bspeice/minimalbible/activity/BaseNavigationDrawerFragment.java @@ -190,6 +190,7 @@ public class BaseNavigationDrawerFragment extends Fragment { mCurrentSelectedPosition = position; if (mDrawerListView != null) { mDrawerListView.setItemChecked(position, true); + ((NavDrawerAdapter)mDrawerListView.getAdapter()).setCurrentlyHighlighted(position); } if (mDrawerLayout != null) { mDrawerLayout.closeDrawer(mFragmentContainerView); diff --git a/app/src/main/java/org/bspeice/minimalbible/activity/NavDrawerAdapter.java b/app/src/main/java/org/bspeice/minimalbible/activity/NavDrawerAdapter.java new file mode 100644 index 0000000..9d98e7c --- /dev/null +++ b/app/src/main/java/org/bspeice/minimalbible/activity/NavDrawerAdapter.java @@ -0,0 +1,105 @@ +package org.bspeice.minimalbible.activity; + +import android.content.Context; +import android.graphics.drawable.ColorDrawable; +import android.view.LayoutInflater; +import android.view.View; +import android.view.ViewGroup; +import android.widget.BaseAdapter; +import android.widget.ImageView; +import android.widget.TextView; + +import org.bspeice.minimalbible.R; + +import java.util.List; + +import butterknife.ButterKnife; +import butterknife.InjectView; + +/** + * Helper for setting up a highlighting navbar + * This class (and its usage) needs some work refactoring, + * but the PoC is looking good! + */ +public class NavDrawerAdapter extends BaseAdapter { + Context context; + List objects; + int currentlyHighlighted; + + public NavDrawerAdapter(Context context, List objects) { + this.context = context; + this.objects = objects; + } + + public void setCurrentlyHighlighted(int currentlyHighlighted) { + this.currentlyHighlighted = currentlyHighlighted; + } + + public int getCurrentlyHighlighted() { + return this.currentlyHighlighted; + } + + @Override + public int getCount() { + return objects.size(); + } + + @Override + public Object getItem(int i) { + return objects.get(i); + } + + @Override + public long getItemId(int i) { + return i; + } + + @Override + public View getView(int i, View view, ViewGroup viewGroup) { + LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); + NavItemHolder holder; + if (view == null || view.getTag() == null) { + view = inflater.inflate(R.layout.list_navigation_drawer, viewGroup, false); + holder = new NavItemHolder(view, i == currentlyHighlighted, (T) getItem(i)); + } else { + holder = (NavItemHolder) view.getTag(); + } + + holder.bind(); + return view; + } + + /** + * Holder object for items in the Nav Drawer + */ + + protected class NavItemHolder { + @InjectView(R.id.navlist_selected_highlight) + ImageView highlight; + + @InjectView(R.id.navlist_content) + TextView content; + + boolean highlighted; + View v; + T object; + + public NavItemHolder(View v, boolean highlighted, T object) { + this.v = v; // Needed for resolving colors below + ButterKnife.inject(this, v); + this.highlighted = highlighted; + this.object = object; + } + + public void bind() { + content.setText(object.toString()); + if (highlighted) { + highlight.setImageDrawable(new ColorDrawable(v.getResources() + .getColor(R.color.navbar_highlight))); + } else { + highlight.setImageDrawable(new ColorDrawable(v.getResources() + .getColor(R.color.navbar_unhighlighted))); + } + } + } +} diff --git a/app/src/main/java/org/bspeice/minimalbible/activity/viewer/ViewerNavDrawerFragment.java b/app/src/main/java/org/bspeice/minimalbible/activity/viewer/ViewerNavDrawerFragment.java index 3a71e2e..6c2b74d 100644 --- a/app/src/main/java/org/bspeice/minimalbible/activity/viewer/ViewerNavDrawerFragment.java +++ b/app/src/main/java/org/bspeice/minimalbible/activity/viewer/ViewerNavDrawerFragment.java @@ -11,6 +11,7 @@ import android.widget.ListView; import org.bspeice.minimalbible.Injector; import org.bspeice.minimalbible.R; import org.bspeice.minimalbible.activity.BaseNavigationDrawerFragment; +import org.bspeice.minimalbible.activity.NavDrawerAdapter; import org.bspeice.minimalbible.activity.viewer.bookutil.VersificationUtil; import org.crosswire.jsword.book.Book; @@ -43,9 +44,9 @@ public class ViewerNavDrawerFragment extends BaseNavigationDrawerFragment { List bookNames = vUtil.getNiceBookNames(mainBook) .toList().toBlocking().first(); - mDrawerListView.setAdapter(new ArrayAdapter(getActionBar() - .getThemedContext(), android.R.layout.simple_list_item_1, - android.R.id.text1, bookNames)); + mDrawerListView.setAdapter(new NavDrawerAdapter(getActionBar() + .getThemedContext(), bookNames)); + mDrawerListView.setItemChecked(mCurrentSelectedPosition, true); return mDrawerListView; } diff --git a/app/src/main/res/layout/list_navigation_drawer.xml b/app/src/main/res/layout/list_navigation_drawer.xml new file mode 100644 index 0000000..27b8156 --- /dev/null +++ b/app/src/main/res/layout/list_navigation_drawer.xml @@ -0,0 +1,27 @@ + + + + + + + + + \ No newline at end of file diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml index f2d70f9..746ff0c 100644 --- a/app/src/main/res/values/colors.xml +++ b/app/src/main/res/values/colors.xml @@ -2,4 +2,6 @@ #dddddd #ffffff + #cc0000 + #00cc0000 diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml index 074e7a0..75cee02 100644 --- a/app/src/main/res/values/dimens.xml +++ b/app/src/main/res/values/dimens.xml @@ -6,4 +6,6 @@ 240dp + + 32dp