I have an application in which I have a navigation bar with menu buttons on which I want to use the navigation box, it currently occupies the entire screen, but I want to limit it to the 3/4 screen using navigation but I never touched the navigation box before, so I have no idea any help or guidance would be great. Also went through some documentation and got confused :( Here is my code:
and here is my layout class for the navigation bar:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:foo="http://schemas.android.com/apk/res/com.justin.a" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/bg_texture" android:clickable="true" > <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginLeft="@dimen/nav_margin" android:layout_marginTop="@dimen/nav_margin" android:layout_marginRight="@dimen/nav_margin" android:layout_marginBottom="@dimen/nav_margin" android:background="#242424" > <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingLeft="@dimen/nav_padding" android:paddingTop="@dimen/nav_padding" android:paddingRight="@dimen/nav_padding" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:divider="@android:drawable/divider_horizontal_bright" android:orientation="vertical" android:showDividers="middle" > <com.justin.a.utils.FontTextView android:id="@+id/nav_option_dashboard" style="@style/a.TextView.NavigationItem" android:layout_width="match_parent" android:layout_height="@dimen/button_ht" android:layout_marginBottom="1px" android:onClick="onDashboardClicked" android:text="@string/nav_option_dashboard" android:textSize="@dimen/navigation_panel_text" foo:customFont="cabin.medium.ttf" android:padding="@dimen/nav_option_padding" android:background="@drawable/nav_background_button" /> <com.justin.a.utils.FontTextView android:id="@+id/nav_option_news" style="@style/a.TextView.NavigationItem" android:layout_width="match_parent" android:layout_height="@dimen/button_ht" foo:customFont="cabin.medium.ttf" android:textSize="@dimen/navigation_panel_text" android:layout_marginBottom="1px" android:onClick="onNewsClicked" android:text="@string/nav_option_news" android:padding="@dimen/nav_option_padding" android:background="@drawable/nav_background_button" /> <com.justin.a.utils.FontTextView android:id="@+id/nav_option_markets" style="@style/a.TextView.NavigationItem" android:layout_width="match_parent" android:layout_height="@dimen/button_ht" android:textSize="@dimen/navigation_panel_text" android:layout_marginBottom="1px" android:onClick="onMarketClicked" android:text="@string/nav_option_markets" foo:customFont="cabin.medium.ttf" android:padding="@dimen/nav_option_padding" android:background="@drawable/nav_background_button" /> <com.justin.a.utils.FontTextView android:id="@+id/nav_option_lists" style="@style/a.TextView.NavigationItem" android:layout_width="match_parent" android:layout_height="@dimen/button_ht" android:textSize="@dimen/navigation_panel_text" android:layout_marginBottom="1px" android:text="@string/nav_option_lists" foo:customFont="cabin.medium.ttf" android:onClick="onListsClicked" android:padding="@dimen/nav_option_padding" android:background="@drawable/nav_background_button" /> <!-- UncommentForAlerts- Remove android:visibility="gone" --> <com.justin.a.utils.FontTextView android:id="@+id/nav_option_alerts" style="@style/a.TextView.NavigationItem" android:layout_width="match_parent" android:layout_height="@dimen/button_ht" android:textSize="@dimen/navigation_panel_text" android:layout_marginBottom="1px" foo:customFont="cabin.medium.ttf" android:padding="@dimen/nav_option_padding" android:onClick="onAlertsClicked" android:text="@string/nav_option_alerts" android:background="@drawable/nav_background_button" android:visibility="gone" /> <com.justin.a.utils.FontTextView android:id="@+id/nav_option_briefcase" style="@style/a.TextView.NavigationItem" android:layout_width="match_parent" android:layout_height="@dimen/button_ht" android:textSize="@dimen/navigation_panel_text" android:layout_marginBottom="1px" foo:customFont="cabin.medium.ttf" android:padding="@dimen/nav_option_padding" android:onClick="onBriefcaseClicked" android:text="@string/nav_option_briefcase" android:background="@drawable/nav_background_button" /> </LinearLayout> </ScrollView> <ImageButton android:id="@+id/button_information" android:layout_width="@dimen/nav_button" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_marginBottom="@dimen/nav_padding" android:layout_centerHorizontal="true" /> <ImageButton android:id="@+id/button_settings" android:layout_width="@dimen/nav_button" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_marginBottom="@dimen/nav_padding" android:layout_toLeftOf="@+id/button_information" /> <ImageButton android:id="@+id/button_logout" android:layout_width="@dimen/nav_button" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_marginBottom="@dimen/nav_padding" android:layout_toRightOf="@+id/button_information" /> </RelativeLayout> </RelativeLayout>
Also here is my navigationpanelfragment.java : --update ----
public class NavigationPanelFragment extends Fragment implements OnClickListener { public static final String TAG_NAVIGATION_PANEL_FRAGMENT = "NavigationPanelFragment"; public static final String ACTIVE_MENU_ITEM = "ActiveMenuItem"; private ActionBarDrawerToggle drawerToggle; private Fragment lvDrawer; public static void newInstance(final FragmentManager manager, final String activeFragmentTag) { final NavigationPanelFragment fragment = new NavigationPanelFragment(); final Bundle arguments = new Bundle(); arguments.putString(NavigationPanelFragment.ACTIVE_MENU_ITEM, activeFragmentTag); fragment.setArguments(arguments); final FragmentInfo fragmentInfo = new FragmentInfo(TransactionMethods.ADD); fragmentInfo.setAnimation(R.anim.slide_in_from_left, FragmentInfo.NO_ANIMATION); fragmentInfo.setPopAnimation(0, R.anim.slide_out_to_left); fragmentInfo.setFragmentTag(TAG_NAVIGATION_PANEL_FRAGMENT); fragmentInfo.doNotAddToBackStack(); fragmentInfo.setActionBarTitle(Application.getAppResources().getString(R.string.title_applications)); FragmentStackManager.getInstance().transitionFragment(manager, fragment, fragmentInfo); } public static void removeInstance(final FragmentManager manager) { Fragment fragment = manager.findFragmentByTag(TAG_NAVIGATION_PANEL_FRAGMENT); if (fragment == null) { return; } manager.beginTransaction().setCustomAnimations(0, R.anim.slide_out_to_left).remove(fragment).commitAllowingStateLoss(); } private LogoutListener mLogoutListener = new LogoutListener() { @Override public void onLogoutOperationFired() { final Activity activity = getActivity(); if(activity != null){ LoginActivity.newInstance(activity); UserProfileManager.clearUserProfileManager(); FragmentStackManager.getInstance().clearBackStack(getFragmentManager()); activity.finish(); } } }; @Override public View onCreateView(final LayoutInflater inflater, final ViewGroup container, final Bundle savedInstanceState) { super.onCreateView(inflater, container, savedInstanceState); final View view = inflater.inflate(R.layout.fragment_navigation_panel, container, false); return view; } @SuppressWarnings("deprecation") @Override public void onActivityCreated(final Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); final ImageButton logoutButton = (ImageButton) getView().findViewById(R.id.button_logout); logoutButton.setOnClickListener(this); logoutButton.setBackgroundDrawable(getResources().getDrawable(R.drawable.btn_signout_nav_panel)); final ImageButton infoButton = (ImageButton) getView().findViewById(R.id.button_information); infoButton.setOnClickListener(this); infoButton.setBackgroundDrawable(getResources().getDrawable(R.drawable.btn_info_nav_panel)); final ImageButton settingsButton = (ImageButton) getView().findViewById(R.id.button_settings); settingsButton.setOnClickListener(this); settingsButton.setBackgroundDrawable(getResources().getDrawable(R.drawable.btn_prefs_nav_panel)); highlightActiveMenuItem(); } @Override public void onDestroy() { super.onDestroy(); mLogoutListener = null; } @Override public void onResume() { MenuUtils.disableSearchMenu(getActivity()); MenuUtils.disableAlertMenu(getActivity()); super.onResume(); } @Override public void onPause() { MenuUtils.enableSearchMenu(getActivity()); MenuUtils.enableAlertMenu(getActivity()); super.onPause(); } @Override public void onClick(final View v) { switch (v.getId()) { case R.id.button_logout: final DialogFragment dialog = new LogoutCancelSignoutDialogFragment(mLogoutListener); dialog.show(getActivity().getSupportFragmentManager(), AbsBaseaActivity.TAG_LOGOUT_DIALOG); \ break; case R.id.button_information: leaveMainActivity(); InformationActivity.newInstance(getActivity()); \ break; case R.id.button_settings: leaveMainActivity(); PreferencesActivity.newInstance(getActivity()); \ break; } } public ActionBarDrawerToggle getDrawerToggle() { return drawerToggle; } private void leaveMainActivity() { removeInstance(getActivity().getSupportFragmentManager()); final MainActivity activity = (MainActivity) getActivity(); activity.setNavigationOpen(false); } private void highlightActiveMenuItem() { TextView highlightedTextView = null; final String activeFragmentTitle = "";
Here is my acitvity_main.xml (it works, shows an empty panel when scrolling)
<?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" > <FrameLayout android:id="@+id/fragment_container" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/altercolor2"> </FrameLayout> <fragment android:id="@+id/drawer" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="start" android:divider="#666" android:dividerHeight="1dp" android:background="#333" android:paddingLeft="15sp" android:paddingRight="15sp" android:name="com.justin.jar.fragments.NavigationPanelFragment"/> </android.support.v4.widget.DrawerLayout>
---- UPDATED ----
Also here is my mainactivity.java (it has a link to the navigation bar that I need to add in the navigation box):
public class MainActivity extends AbsBaseaActivity implements OnBackStackChangedListener { public static final int REQUEST_CODE_LIST = 100; private boolean mIsNavigationOpen = false; private DrawerLayout drawerLayout; private NavigationPanelFragment dlDrawer; private ActionBarDrawerToggle actionBarDrawerToggle; private boolean mIsSearchBarActive; private CharSequence mDrawerTitle; private CharSequence mTitle; public boolean isNavigationOpen() { return mIsNavigationOpen; } @SuppressWarnings("deprecation") public void setNavigationOpen(final boolean isNavigationOpen) { this.mIsNavigationOpen = isNavigationOpen; final ImageButton mainButton = (ImageButton) findViewById(R.id.button_main); if(isNavigationOpen) { mainButton.setBackgroundResource(R.drawable.bg_helios_active); } else { mainButton.setBackgroundDrawable(null); } } public static void newInstance(final Activity activity) { final Intent intent = new Intent(activity, MainActivity.class); activity.startActivity(intent); } @Override protected void onCreate(final Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main_activity); // 2. App Icon drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); // 2.1 create ActionBarDrawerToggle actionBarDrawerToggle = new ActionBarDrawerToggle(this, drawerLayout, R.drawable.arrow_up, R.string.drawer_open, R.string.drawer_close); // 2.2 Set actionBarDrawerToggle as the DrawerListener drawerLayout.setDrawerListener(actionBarDrawerToggle); initiateMainActionBar(); final FragmentManager supportFragmentManager = getSupportFragmentManager(); supportFragmentManager.addOnBackStackChangedListener(this); if (savedInstanceState == null) { mActiveFragment = DashboardFragment.getInstanceWithTransition(supportFragmentManager); } else { //resetToDashboard(supportFragmentManager); } //setup drawer /* Set up the drawer toggle */ actionBarDrawerToggle = new ActionBarDrawerToggle(this, drawerLayout, R.drawable.arrow_up, R.string.drawer_open, R.string.drawer_close) { /** Called when a drawer has settled in a completely closed state. */ public void onDrawerClosed(View view) { getActionBar().setTitle(""); } /** Called when a drawer has settled in a completely open state. */ public void onDrawerOpened(View drawerView) { getActionBar().setTitle(R.string.app_name); } }; // Set the drawer toggle as the DrawerListener drawerLayout.setDrawerListener(actionBarDrawerToggle); } @Override public boolean onOptionsItemSelected(MenuItem item) { // The action bar home/up action should open or close the drawer. // ActionBarDrawerToggle will take care of this. if (dlDrawer.getDrawerToggle().onOptionsItemSelected((android.view.MenuItem) item)) { return true; } return super.onOptionsItemSelected(item); } @Override protected void onPostCreate(Bundle savedInstanceState) { super.onPostCreate(savedInstanceState); // Sync the toggle state after onRestoreInstanceState has occurred. actionBarDrawerToggle.syncState(); } private void setupOnClickListenerForMainButton() { final ImageButton mainButton = (ImageButton) findViewById(R.id.button_main); mainButton.setOnClickListener(new OnClickListener() { @Override public void onClick(final View v) { toggleNavigationPanel(); } }); } @Override public void manageActionBar() { setTitle(null); getSupportActionBar().setDisplayShowHomeEnabled(false); } @Override public boolean onMenuItemSelected(final int featureId, final MenuItem item) { switch (item.getItemId()) { case android.R.id.home: toggleNavigationPanel(); break; default: break; } return super.onMenuItemSelected(featureId, item); } @Override protected void onResume() { final IntentFilter filter = new IntentFilter(); filter.addAction(BroadcastActions.USER_PROFILE); filter.addAction(BroadcastActions.NEWS_IMAGE); filter.addAction(BroadcastActions.NEWS_HEADLINES); registerReceiver(mMainActivityReceiver, filter); super.onResume(); } @Override protected void onPause() { unregisterReceiver(mMainActivityReceiver); super.onPause(); BangoAgent.onIdle(); } public void pushNewsArticlePagerFragment(final int position, final String selectedCategoryCode, final boolean isMyNews) { NewsArticlePagerFragment.newInstance(getSupportFragmentManager(), position, selectedCategoryCode, isMyNews); } public void onDashboardClicked(final View view) { toggleNavigationPanel(); if (isFragmentVisible(DashboardFragment.TAG_DASHBOARD_FRAGMENT)) { return; } final FragmentManager manager = getSupportFragmentManager(); final FragmentTransaction transaction = manager.beginTransaction(); transaction.setCustomAnimations(R.anim.slide_in_from_right, R.anim.slide_out_to_left); FragmentStackManager.getInstance().clearBackStack(getSupportFragmentManager()); mActiveFragment = DashboardFragment.getInstance(); transaction.hide(mActiveFragment); transaction.show(mActiveFragment); transaction.commitAllowingStateLoss(); updateActionBarTitle(); } public void onNewsClicked(final View view) { if(mIsNavigationOpen) { toggleNavigationPanel(); } if (isFragmentVisible(NewsFragment.TAG_NEWS_FRAGMENT)) { return; } FragmentStackManager.getInstance().clearBackStack(getSupportFragmentManager()); mActiveFragment = NewsFragment.newInstance(getSupportFragmentManager()); updateActionBarTitle(); } public void onMarketClicked(final View view) { if(mIsNavigationOpen) { toggleNavigationPanel(); } if (isFragmentVisible(MarketsFragment.TAG_MARKETS_FRAGMENT)) { return; } FragmentStackManager.getInstance().clearBackStack(getSupportFragmentManager()); mActiveFragment = MarketsFragment.newInstance(getSupportFragmentManager()); updateActionBarTitle(); } public void onListsClicked(final View view) { if(mIsNavigationOpen) { toggleNavigationPanel(); } if (isFragmentVisible(ListsContainerFragment.TAG_LIST_CONTAINER_FRAGMENT)) { return; } FragmentStackManager.getInstance().clearBackStack(getSupportFragmentManager()); mActiveFragment = ListsContainerFragment.newInstance(getSupportFragmentManager()); updateActionBarTitle(); } public void onBriefcaseClicked(final View view) { if(mIsNavigationOpen) { toggleNavigationPanel(); } if (isFragmentVisible(BriefcaseFragment.TAG_BRIEFCASE_FRAGMENT)) { return; } FragmentStackManager.getInstance().clearBackStack(getSupportFragmentManager()); mActiveFragment = BriefcaseFragment.newInstance(getSupportFragmentManager()); updateActionBarTitle(); } public void onAlertsClicked(final View view) { if(mIsNavigationOpen) { toggleNavigationPanel(); } if (isFragmentVisible(AlertsContainerFragment.TAG_ALERTS_CONTAINER_FRAGMENT)){ return; } FragmentStackManager.getInstance().clearBackStack(getSupportFragmentManager()); mActiveFragment = AlertsContainerFragment.newInstance(getSupportFragmentManager()); updateActionBarTitle(); } private void toggleNavigationPanel() { final FragmentStackManager manager = FragmentStackManager.getInstance(); if (mIsNavigationOpen) { NavigationPanelFragment.removeInstance(getSupportFragmentManager()); updateActionBarTitle(); BangoHelper.eventMainNav(); } else { final TextView title = (TextView) findViewById(R.id.main_title); title.setText(getString(R.string.title_applications)); NavigationPanelFragment.newInstance(getSupportFragmentManager(), manager.getTopTitle()); } setNavigationOpen(!mIsNavigationOpen); } public void updateActionBarTitle() { final String title = FragmentStackManager.getInstance().getTopTitle(); final TextView titleView = (TextView) findViewById(R.id.main_title); titleView.setText(title); } private boolean isFragmentVisible(final String tag) { Fragment fragment = FragmentStackManager.getInstance().getTopFragment(); return fragment != null && tag.equals(fragment.getTag()); } public interface BackPressListener<T extends Fragment> { public boolean backPressed(MainActivity fragmentActivity); } private BackPressListener<Fragment> backPressListener = null; public void setBackPressListener (final BackPressListener<Fragment> backPressListener) { this.backPressListener = backPressListener; } @Override public void onBackPressed() { if (backPressListener != null) { boolean b = false; // Making sure we trigger the backPressed event if the listener is the top fragment String bplTag = ((Fragment)backPressListener).getTag(); Fragment topFragment = FragmentStackManager.getInstance().getTopFragment(); String topFragemtnTag = ""; if (topFragment != null) { topFragemtnTag = topFragment.getTag(); } if (mIsSearchBarActive) { MenuUtils.hideSearchView(this); mIsSearchBarActive = false; } else if (mIsNavigationOpen) { toggleNavigationPanel(); } else if (!FragmentStackManager.getInstance().popTopFragment()) { Intent setIntent = new Intent(Intent.ACTION_MAIN); setIntent.addCategory(Intent.CATEGORY_HOME); setIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK); startActivity(setIntent); } else { Fragment topFragment = FragmentStackManager.getInstance().getTopFragment(); if (topFragment == null) { mActiveFragment = DashboardFragment.getInstance(); ((DashboardFragment)mActiveFragment).refreshDashboard(); } else if (topFragment instanceof AbsArticlePagerFragment) { ((AbsArticlePagerFragment) topFragment).forceUpdateTextSize(); } else if (topFragment instanceof AbsBaseArticleFragment) { ((AbsBaseArticleFragment) topFragment).forceUpdateTextSize(); } } updateActionBarTitle(); } public void setActiveFragment(final Fragment fragment) { mActiveFragment = fragment; } public void setIsSearchBarActive(final boolean isSearchBarActive){ mIsSearchBarActive = isSearchBarActive; } @Override public void onBackStackChanged() { for (int i = 0; i < getSupportFragmentManager().getBackStackEntryCount(); i++) { final BackStackEntry bse = getSupportFragmentManager().getBackStackEntryAt(i); Log.d("BackStack", "Changed: " + bse.getName()); } } @Override public void onActivityResult(int requestCode, int resultCode, Intent data) { super.onActivityResult(requestCode, resultCode, data); if (requestCode == REQUEST_CODE_LIST) { if (resultCode == RESULT_OK) { Fragment fragment = FragmentStackManager.getInstance().getTopFragment(); if (fragment == null) { // Implies DashboardFragment because dashboard was never added to backstack DashboardFragment.getInstance().onUpdate(); } else if (fragment instanceof ListsContainerFragment) { ((ListsContainerFragment) fragment).onUpdate(); } else if (fragment instanceof ListDetailsFragment) { ((ListDetailsFragment) fragment).onUpdate(data); } } } } @Override public void refreshScreen() { Fragment fragment = FragmentStackManager.getInstance().getTopFragment(); if (fragment == null) { // Implies DashboardFragment DashboardFragment.getInstance().refreshScreen(); } else if (fragment instanceof ListsContainerFragment) { ((ListsContainerFragment) fragment).refreshScreen(); } else if (fragment instanceof ListDetailsFragment) { ((ListDetailsFragment) fragment).refreshScreen(); } else if (fragment instanceof MarketsFragment) { ((MarketsFragment) fragment).refreshScreen(); }else if (fragment instanceof AlertsContainerFragment) { ((AlertsContainerFragment) fragment).refreshScreen(); } } @Override public void onConfigurationChanged(Configuration newConfig) { super.onConfigurationChanged(newConfig); actionBarDrawerToggle.onConfigurationChanged(newConfig); dlDrawer.getDrawerToggle().onConfigurationChanged(newConfig); } }