Change additional options menu from linear mode to grid mode
This commit is contained in:
parent
e309f9173d
commit
1b2c81c7b6
5 changed files with 120 additions and 17 deletions
|
@ -2,6 +2,7 @@
|
||||||
<LinearLayout
|
<LinearLayout
|
||||||
xmlns:android="http://schemas.android.com/apk/res/android"
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||||
|
xmlns:tools="http://schemas.android.com/tools"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:orientation="vertical">
|
android:orientation="vertical">
|
||||||
|
@ -16,9 +17,9 @@
|
||||||
android:id="@+id/bottom_sheet_scroll_view"
|
android:id="@+id/bottom_sheet_scroll_view"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:background="?attr/bg_color"
|
|
||||||
app:behavior_hideable="true"
|
app:behavior_hideable="true"
|
||||||
app:layout_behavior="net.osmand.plus.widgets.tools.ExtendedBottomSheetBehavior">
|
app:layout_behavior="net.osmand.plus.widgets.tools.ExtendedBottomSheetBehavior"
|
||||||
|
tools:background="?attr/bg_color">
|
||||||
|
|
||||||
<LinearLayout
|
<LinearLayout
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
|
@ -43,13 +44,14 @@
|
||||||
<LinearLayout
|
<LinearLayout
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:background="?attr/bg_color"
|
android:orientation="vertical"
|
||||||
android:orientation="vertical">
|
tools:background="?attr/bg_color">
|
||||||
|
|
||||||
<View
|
<View
|
||||||
|
android:id="@+id/divider"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="1dp"
|
android:layout_height="1dp"
|
||||||
android:background="?attr/dashboard_divider"/>
|
tools:background="?attr/dashboard_divider"/>
|
||||||
|
|
||||||
<FrameLayout
|
<FrameLayout
|
||||||
android:id="@+id/cancel_row"
|
android:id="@+id/cancel_row"
|
||||||
|
|
36
OsmAnd/res/layout/grid_menu_item.xml
Normal file
36
OsmAnd/res/layout/grid_menu_item.xml
Normal file
|
@ -0,0 +1,36 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<LinearLayout
|
||||||
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
xmlns:tools="http://schemas.android.com/tools"
|
||||||
|
android:layout_width="120dp"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:background="?attr/selectableItemBackground"
|
||||||
|
android:orientation="vertical"
|
||||||
|
android:paddingLeft="8dp"
|
||||||
|
android:paddingRight="8dp"
|
||||||
|
tools:background="#17171A"
|
||||||
|
tools:layout_gravity="center">
|
||||||
|
|
||||||
|
<ImageView
|
||||||
|
android:id="@+id/icon"
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:layout_marginBottom="16dp"
|
||||||
|
android:layout_marginLeft="40dp"
|
||||||
|
android:layout_marginRight="40dp"
|
||||||
|
android:layout_marginTop="16dp"
|
||||||
|
tools:src="@drawable/ic_action_delete_dark"
|
||||||
|
tools:tint="#808080"/>
|
||||||
|
|
||||||
|
<TextView
|
||||||
|
android:id="@+id/title"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:ellipsize="end"
|
||||||
|
android:gravity="center_horizontal"
|
||||||
|
android:lines="2"
|
||||||
|
android:maxLines="2"
|
||||||
|
android:textColor="@color/searchbar_text_hint_light"
|
||||||
|
tools:text="Remove POI"/>
|
||||||
|
|
||||||
|
</LinearLayout>
|
33
OsmAnd/res/layout/grid_menu_row.xml
Normal file
33
OsmAnd/res/layout/grid_menu_row.xml
Normal file
|
@ -0,0 +1,33 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<LinearLayout
|
||||||
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:paddingTop="8dp">
|
||||||
|
|
||||||
|
<FrameLayout
|
||||||
|
android:id="@+id/first_item_container"
|
||||||
|
android:layout_width="120dp"
|
||||||
|
android:layout_height="wrap_content"/>
|
||||||
|
|
||||||
|
<Space
|
||||||
|
android:layout_width="0dp"
|
||||||
|
android:layout_height="match_parent"
|
||||||
|
android:layout_weight="1"/>
|
||||||
|
|
||||||
|
<FrameLayout
|
||||||
|
android:id="@+id/second_item_container"
|
||||||
|
android:layout_width="120dp"
|
||||||
|
android:layout_height="wrap_content"/>
|
||||||
|
|
||||||
|
<Space
|
||||||
|
android:layout_width="0dp"
|
||||||
|
android:layout_height="match_parent"
|
||||||
|
android:layout_weight="1"/>
|
||||||
|
|
||||||
|
<FrameLayout
|
||||||
|
android:id="@+id/third_item_container"
|
||||||
|
android:layout_width="120dp"
|
||||||
|
android:layout_height="wrap_content"/>
|
||||||
|
|
||||||
|
</LinearLayout>
|
|
@ -371,4 +371,6 @@
|
||||||
<color name="route_info_checked_mode_icon_color_dark">#d28521</color>
|
<color name="route_info_checked_mode_icon_color_dark">#d28521</color>
|
||||||
<color name="route_info_unchecked_mode_icon_color">#727272</color>
|
<color name="route_info_unchecked_mode_icon_color">#727272</color>
|
||||||
|
|
||||||
|
<color name="grid_menu_icon_dark">#808080</color>
|
||||||
|
|
||||||
</resources>
|
</resources>
|
|
@ -13,6 +13,7 @@ import android.view.View;
|
||||||
import android.view.ViewGroup;
|
import android.view.ViewGroup;
|
||||||
import android.view.Window;
|
import android.view.Window;
|
||||||
import android.view.WindowManager;
|
import android.view.WindowManager;
|
||||||
|
import android.widget.FrameLayout;
|
||||||
import android.widget.ImageView;
|
import android.widget.ImageView;
|
||||||
import android.widget.LinearLayout;
|
import android.widget.LinearLayout;
|
||||||
import android.widget.TextView;
|
import android.widget.TextView;
|
||||||
|
@ -42,16 +43,25 @@ public class AdditionalActionsBottomSheetDialogFragment extends net.osmand.plus.
|
||||||
@Nullable
|
@Nullable
|
||||||
@Override
|
@Override
|
||||||
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
|
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
|
||||||
|
Activity activity = getActivity();
|
||||||
nightMode = getMyApplication().getDaynightHelper().isNightModeForMapControls();
|
nightMode = getMyApplication().getDaynightHelper().isNightModeForMapControls();
|
||||||
portrait = AndroidUiHelper.isOrientationPortrait(getActivity());
|
portrait = AndroidUiHelper.isOrientationPortrait(activity);
|
||||||
final int themeRes = nightMode ? R.style.OsmandDarkTheme : R.style.OsmandLightTheme;
|
final int themeRes = nightMode ? R.style.OsmandDarkTheme : R.style.OsmandLightTheme;
|
||||||
|
|
||||||
View mainView = View.inflate(new ContextThemeWrapper(getContext(), themeRes), R.layout.fragment_context_menu_actions_bottom_sheet_dialog, null);
|
View mainView = View.inflate(new ContextThemeWrapper(getContext(), themeRes), R.layout.fragment_context_menu_actions_bottom_sheet_dialog, null);
|
||||||
|
View scrollView = mainView.findViewById(R.id.bottom_sheet_scroll_view);
|
||||||
|
|
||||||
// AndroidUtils.setBackground(getActivity(), mainView, nightMode,
|
// AndroidUtils.setBackground(getActivity(), mainView, nightMode,
|
||||||
// portrait ? R.drawable.bg_bottom_menu_light : R.drawable.bg_bottom_sheet_topsides_landscape_light,
|
// portrait ? R.drawable.bg_bottom_menu_light : R.drawable.bg_bottom_sheet_topsides_landscape_light,
|
||||||
// portrait ? R.drawable.bg_bottom_menu_dark : R.drawable.bg_bottom_sheet_topsides_landscape_dark);
|
// portrait ? R.drawable.bg_bottom_menu_dark : R.drawable.bg_bottom_sheet_topsides_landscape_dark);
|
||||||
|
|
||||||
|
AndroidUtils.setBackground(activity, scrollView, nightMode,
|
||||||
|
R.color.route_info_bottom_view_bg_light, R.color.route_info_bg_dark);
|
||||||
|
AndroidUtils.setBackground(activity, mainView.findViewById(R.id.cancel_row), nightMode,
|
||||||
|
R.color.route_info_bottom_view_bg_light, R.color.route_info_bg_dark);
|
||||||
|
AndroidUtils.setBackground(activity, mainView.findViewById(R.id.divider), nightMode,
|
||||||
|
R.color.route_info_divider_light, R.color.route_info_bottom_view_bg_dark);
|
||||||
|
|
||||||
View.OnClickListener dismissOnClickListener = new View.OnClickListener() {
|
View.OnClickListener dismissOnClickListener = new View.OnClickListener() {
|
||||||
@Override
|
@Override
|
||||||
public void onClick(View view) {
|
public void onClick(View view) {
|
||||||
|
@ -64,7 +74,7 @@ public class AdditionalActionsBottomSheetDialogFragment extends net.osmand.plus.
|
||||||
|
|
||||||
TextView headerTitle = (TextView) mainView.findViewById(R.id.header_title);
|
TextView headerTitle = (TextView) mainView.findViewById(R.id.header_title);
|
||||||
if (nightMode) {
|
if (nightMode) {
|
||||||
headerTitle.setTextColor(ContextCompat.getColor(getActivity(), R.color.ctx_menu_info_text_dark));
|
headerTitle.setTextColor(ContextCompat.getColor(activity, R.color.ctx_menu_info_text_dark));
|
||||||
}
|
}
|
||||||
headerTitle.setText(R.string.additional_actions);
|
headerTitle.setText(R.string.additional_actions);
|
||||||
|
|
||||||
|
@ -79,23 +89,34 @@ public class AdditionalActionsBottomSheetDialogFragment extends net.osmand.plus.
|
||||||
};
|
};
|
||||||
|
|
||||||
LinearLayout itemsLinearLayout = (LinearLayout) mainView.findViewById(R.id.context_menu_items_container);
|
LinearLayout itemsLinearLayout = (LinearLayout) mainView.findViewById(R.id.context_menu_items_container);
|
||||||
|
LinearLayout row = (LinearLayout) View.inflate(getContext(), R.layout.grid_menu_row, null);
|
||||||
|
int itemsAdded = 0;
|
||||||
for (int i = 0; i < adapter.length(); i++) {
|
for (int i = 0; i < adapter.length(); i++) {
|
||||||
ContextMenuItem item = adapter.getItem(i);
|
ContextMenuItem item = adapter.getItem(i);
|
||||||
int layoutResId = item.getLayout();
|
int layoutResId = item.getLayout();
|
||||||
layoutResId = layoutResId != ContextMenuItem.INVALID_ID ? layoutResId : R.layout.bottom_sheet_dialog_fragment_item;
|
layoutResId = layoutResId == ContextMenuItem.INVALID_ID ? R.layout.grid_menu_item : layoutResId;
|
||||||
View row = View.inflate(new ContextThemeWrapper(getContext(), themeRes), layoutResId, null);
|
boolean dividerItem = layoutResId == R.layout.bottom_sheet_dialog_fragment_divider;
|
||||||
if (layoutResId != R.layout.bottom_sheet_dialog_fragment_divider) {
|
|
||||||
|
if (!dividerItem) {
|
||||||
|
View menuItem = View.inflate(new ContextThemeWrapper(getContext(), themeRes), layoutResId, null);
|
||||||
if (item.getIcon() != ContextMenuItem.INVALID_ID) {
|
if (item.getIcon() != ContextMenuItem.INVALID_ID) {
|
||||||
((ImageView) row.findViewById(R.id.icon)).setImageDrawable(getContentIcon(item.getIcon()));
|
((ImageView) menuItem.findViewById(R.id.icon)).setImageDrawable(getContentIcon(item.getIcon()));
|
||||||
}
|
}
|
||||||
((TextView) row.findViewById(R.id.title)).setText(item.getTitle());
|
((TextView) menuItem.findViewById(R.id.title)).setText(item.getTitle());
|
||||||
|
menuItem.setTag(i);
|
||||||
|
menuItem.setOnClickListener(onClickListener);
|
||||||
|
((FrameLayout) row.findViewById(getMenuItemContainerId(itemsAdded))).addView(menuItem);
|
||||||
|
itemsAdded++;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (dividerItem || itemsAdded == 3 || (i == adapter.length() - 1 && itemsAdded > 0)) {
|
||||||
|
itemsLinearLayout.addView(row);
|
||||||
|
row = (LinearLayout) View.inflate(getContext(), R.layout.grid_menu_row, null);
|
||||||
|
itemsAdded = 0;
|
||||||
}
|
}
|
||||||
row.setTag(i);
|
|
||||||
row.setOnClickListener(onClickListener);
|
|
||||||
itemsLinearLayout.addView(row);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
ExtendedBottomSheetBehavior behavior = ExtendedBottomSheetBehavior.from(mainView.findViewById(R.id.bottom_sheet_scroll_view));
|
ExtendedBottomSheetBehavior behavior = ExtendedBottomSheetBehavior.from(scrollView);
|
||||||
behavior.setPeekHeight(getPeekHeight());
|
behavior.setPeekHeight(getPeekHeight());
|
||||||
behavior.setBottomSheetCallback(new BottomSheetCallback() {
|
behavior.setBottomSheetCallback(new BottomSheetCallback() {
|
||||||
@Override
|
@Override
|
||||||
|
@ -127,7 +148,16 @@ public class AdditionalActionsBottomSheetDialogFragment extends net.osmand.plus.
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
protected Drawable getContentIcon(@DrawableRes int id) {
|
protected Drawable getContentIcon(@DrawableRes int id) {
|
||||||
return getMyApplication().getIconsCache().getIcon(id, nightMode ? R.color.ctx_menu_info_text_dark : R.color.on_map_icon_color);
|
return getMyApplication().getIconsCache().getIcon(id, nightMode ? R.color.grid_menu_icon_dark : R.color.on_map_icon_color);
|
||||||
|
}
|
||||||
|
|
||||||
|
private int getMenuItemContainerId(int itemsAdded) {
|
||||||
|
if (itemsAdded == 0) {
|
||||||
|
return R.id.first_item_container;
|
||||||
|
} else if (itemsAdded == 1) {
|
||||||
|
return R.id.second_item_container;
|
||||||
|
}
|
||||||
|
return R.id.third_item_container;
|
||||||
}
|
}
|
||||||
|
|
||||||
private int getPeekHeight() {
|
private int getPeekHeight() {
|
||||||
|
|
Loading…
Reference in a new issue