Fix UX problems in time zone pickers

- Remove emoji region flag in the region picker.
  It's more consistent with locale picker which shows no flag in region
  picker
- Remove redundant information in the summary field
  e.g. same GMT offset in primary and secondary field in fixed offset
  picker
- Better mode switching flow. Switch region/fixed offset mode
only when the user confirms their selection in the picker.

Bug: 73952488
Test: m RunSettingsRoboTests ROBOTEST_FILTER=com.android.settings.datetime.timezone
Change-Id: Id5da8a2516acd10c9a3d71181e94bc617d797d20
This commit is contained in:
Victor Chang
2018-03-09 12:03:03 +00:00
parent ab775e1b0f
commit ca529d9e89
4 changed files with 72 additions and 56 deletions

View File

@@ -31,6 +31,7 @@ import java.util.ArrayList;
import java.util.Date; import java.util.Date;
import java.util.List; import java.util.List;
import java.util.Locale; import java.util.Locale;
import java.util.Objects;
/** /**
* Render a list of {@class TimeZoneInfo} into the list view in {@class BaseTimeZonePicker} * Render a list of {@class TimeZoneInfo} into the list view in {@class BaseTimeZonePicker}
@@ -135,8 +136,11 @@ public abstract class BaseTimeZoneInfoPicker extends BaseTimeZonePicker {
name = mTimeZoneInfo.getStandardName(); name = mTimeZoneInfo.getStandardName();
} }
} }
if (name == null) {
return mTimeZoneInfo.getGmtOffset(); // Ignore name / GMT offset if the title shows the same information
if (name == null || name.equals(mTitle)) {
CharSequence gmtOffset = mTimeZoneInfo.getGmtOffset();
return gmtOffset == null || gmtOffset.toString().equals(mTitle) ? "" : gmtOffset;
} else { } else {
return SpannableUtil.getResourcesText(mResources, return SpannableUtil.getResourcesText(mResources,
R.string.zone_info_offset_and_name, mTimeZoneInfo.getGmtOffset(), name); R.string.zone_info_offset_and_name, mTimeZoneInfo.getGmtOffset(), name);

View File

@@ -110,56 +110,25 @@ public class RegionSearchPicker extends BaseTimeZonePicker {
private List<RegionItem> createAdapterItem(Set<String> regionIds) { private List<RegionItem> createAdapterItem(Set<String> regionIds) {
final Collator collator = Collator.getInstance(getLocale()); final Collator collator = Collator.getInstance(getLocale());
final TreeSet<RegionItem> items = new TreeSet<>(new RegionInfoComparator(collator)); final TreeSet<RegionItem> items = new TreeSet<>(new RegionInfoComparator(collator));
final Paint paint = new Paint();
final LocaleDisplayNames localeDisplayNames = LocaleDisplayNames.getInstance(getLocale()); final LocaleDisplayNames localeDisplayNames = LocaleDisplayNames.getInstance(getLocale());
long i = 0; long i = 0;
for (String regionId : regionIds) { for (String regionId : regionIds) {
String name = localeDisplayNames.regionDisplayName(regionId); String name = localeDisplayNames.regionDisplayName(regionId);
String regionalIndicator = createRegionalIndicator(regionId, paint); items.add(new RegionItem(i++, regionId, name));
items.add(new RegionItem(i++, regionId, name, regionalIndicator));
} }
return new ArrayList<>(items); return new ArrayList<>(items);
} }
/**
* Create a Unicode Region Indicator Symbol for a given region id (a.k.a flag emoji). If the
* system can't render a flag for this region or the input is not a region id, this returns
* {@code null}.
*
* @param id the two-character region id.
* @param paint Paint contains the glyph
* @return a String representing the flag of the region or {@code null}.
*/
private static String createRegionalIndicator(String id, Paint paint) {
if (id.length() != 2) {
return null;
}
final char c1 = id.charAt(0);
final char c2 = id.charAt(1);
if ('A' > c1 || c1 > 'Z' || 'A' > c2 || c2 > 'Z') {
return null;
}
// Regional Indicator A is U+1F1E6 which is 0xD83C 0xDDE6 in UTF-16.
final String regionalIndicator = new String(
new char[]{0xd83c, (char) (0xdde6 - 'A' + c1), 0xd83c, (char) (0xdde6 - 'A' + c2)});
if (!paint.hasGlyph(regionalIndicator)) {
return null;
}
return regionalIndicator;
}
private static class RegionItem implements BaseTimeZoneAdapter.AdapterItem { private static class RegionItem implements BaseTimeZoneAdapter.AdapterItem {
private final String mId; private final String mId;
private final String mName; private final String mName;
private final String mRegionalIndicator;
private final long mItemId; private final long mItemId;
private final String[] mSearchKeys; private final String[] mSearchKeys;
RegionItem(long itemId, String id, String name, String regionalIndicator) { RegionItem(long itemId, String id, String name) {
mId = id; mId = id;
mName = name; mName = name;
mRegionalIndicator = regionalIndicator;
mItemId = itemId; mItemId = itemId;
// Allow to search with ISO_3166-1 alpha-2 code. It's handy for english users in some // Allow to search with ISO_3166-1 alpha-2 code. It's handy for english users in some
// countries, e.g. US for United States. It's not best search keys for users, but // countries, e.g. US for United States. It's not best search keys for users, but
@@ -183,7 +152,7 @@ public class RegionSearchPicker extends BaseTimeZonePicker {
@Override @Override
public String getIconText() { public String getIconText() {
return mRegionalIndicator; return null;
} }
@Override @Override

View File

@@ -98,7 +98,7 @@ public class TimeZoneSettings extends DashboardFragment {
final List<AbstractPreferenceController> controllers = new ArrayList<>(); final List<AbstractPreferenceController> controllers = new ArrayList<>();
RegionPreferenceController regionPreferenceController = RegionPreferenceController regionPreferenceController =
new RegionPreferenceController(context); new RegionPreferenceController(context);
regionPreferenceController.setOnClickListener(this::onRegionPreferenceClicked); regionPreferenceController.setOnClickListener(this::startRegionPicker);
RegionZonePreferenceController regionZonePreferenceController = RegionZonePreferenceController regionZonePreferenceController =
new RegionZonePreferenceController(context); new RegionZonePreferenceController(context);
regionZonePreferenceController.setOnClickListener(this::onRegionZonePreferenceClicked); regionZonePreferenceController.setOnClickListener(this::onRegionZonePreferenceClicked);
@@ -106,7 +106,7 @@ public class TimeZoneSettings extends DashboardFragment {
new TimeZoneInfoPreferenceController(context); new TimeZoneInfoPreferenceController(context);
FixedOffsetPreferenceController fixedOffsetPreferenceController = FixedOffsetPreferenceController fixedOffsetPreferenceController =
new FixedOffsetPreferenceController(context); new FixedOffsetPreferenceController(context);
fixedOffsetPreferenceController.setOnClickListener(this::onFixedOffsetPreferenceClicked); fixedOffsetPreferenceController.setOnClickListener(this::startFixedOffsetPicker);
controllers.add(regionPreferenceController); controllers.add(regionPreferenceController);
controllers.add(regionZonePreferenceController); controllers.add(regionZonePreferenceController);
@@ -172,7 +172,7 @@ public class TimeZoneSettings extends DashboardFragment {
} }
private void onRegionPreferenceClicked() { private void startRegionPicker() {
startPickerFragment(RegionSearchPicker.class, new Bundle(), REQUEST_CODE_REGION_PICKER); startPickerFragment(RegionSearchPicker.class, new Bundle(), REQUEST_CODE_REGION_PICKER);
} }
@@ -183,7 +183,7 @@ public class TimeZoneSettings extends DashboardFragment {
startPickerFragment(RegionZonePicker.class, args, REQUEST_CODE_ZONE_PICKER); startPickerFragment(RegionZonePicker.class, args, REQUEST_CODE_ZONE_PICKER);
} }
private void onFixedOffsetPreferenceClicked() { private void startFixedOffsetPicker() {
startPickerFragment(FixedOffsetPicker.class, new Bundle(), startPickerFragment(FixedOffsetPicker.class, new Bundle(),
REQUEST_CODE_FIXED_OFFSET_ZONE_PICKER); REQUEST_CODE_FIXED_OFFSET_ZONE_PICKER);
} }
@@ -240,12 +240,18 @@ public class TimeZoneSettings extends DashboardFragment {
setDisplayedRegion(regionId); setDisplayedRegion(regionId);
setDisplayedTimeZoneInfo(regionId, mSelectedTimeZoneId); setDisplayedTimeZoneInfo(regionId, mSelectedTimeZoneId);
saveTimeZone(regionId, mSelectedTimeZoneId); saveTimeZone(regionId, mSelectedTimeZoneId);
// Switch to the region mode if the user switching from the fixed offset
setSelectByRegion(true);
} }
private void onFixedOffsetZoneChanged(String tzId) { private void onFixedOffsetZoneChanged(String tzId) {
mSelectedTimeZoneId = tzId; mSelectedTimeZoneId = tzId;
setDisplayedFixedOffsetTimeZoneInfo(tzId); setDisplayedFixedOffsetTimeZoneInfo(tzId);
saveTimeZone(null, mSelectedTimeZoneId); saveTimeZone(null, mSelectedTimeZoneId);
// Switch to the fixed offset mode if the user switching from the region mode
setSelectByRegion(false);
} }
private void saveTimeZone(String regionId, String tzId) { private void saveTimeZone(String regionId, String tzId) {
@@ -277,11 +283,11 @@ public class TimeZoneSettings extends DashboardFragment {
public boolean onOptionsItemSelected(MenuItem item) { public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) { switch (item.getItemId()) {
case MENU_BY_REGION: case MENU_BY_REGION:
setSelectByRegion(true); startRegionPicker();
return true; return true;
case MENU_BY_OFFSET: case MENU_BY_OFFSET:
setSelectByRegion(false); startFixedOffsetPicker();
return true; return true;
default: default:

View File

@@ -16,41 +16,78 @@
package com.android.settings.datetime.timezone; package com.android.settings.datetime.timezone;
import android.content.Context;
import com.android.settings.datetime.timezone.BaseTimeZoneAdapter.AdapterItem;
import com.android.settings.datetime.timezone.model.TimeZoneData; import com.android.settings.datetime.timezone.model.TimeZoneData;
import com.android.settings.testutils.SettingsRobolectricTestRunner; import com.android.settings.testutils.SettingsRobolectricTestRunner;
import libcore.util.CountryZonesFinder; import libcore.util.CountryZonesFinder;
import org.junit.Before;
import org.junit.Test; import org.junit.Test;
import org.junit.runner.RunWith; import org.junit.runner.RunWith;
import org.robolectric.RuntimeEnvironment;
import java.util.Collections; import java.util.Collections;
import java.util.List; import java.util.List;
import java.util.Locale; import java.util.Locale;
import java.util.stream.Collectors; import java.util.stream.Collectors;
import static com.google.common.truth.Truth.assertThat;
import static org.mockito.Mockito.mock; import static org.mockito.Mockito.mock;
import static org.mockito.Mockito.when; import static org.mockito.Mockito.when;
@RunWith(SettingsRobolectricTestRunner.class) @RunWith(SettingsRobolectricTestRunner.class)
public class FixedOffsetPickerTest { public class FixedOffsetPickerTest {
private CountryZonesFinder mFinder;
@Before
public void setUp() {
List regionList = Collections.emptyList();
mFinder = mock(CountryZonesFinder.class);
when(mFinder.lookupAllCountryIsoCodes()).thenReturn(regionList);
}
@Test @Test
public void getAllTimeZoneInfos_containsUtcAndGmtZones() { public void getAllTimeZoneInfos_containsUtcAndGmtZones() {
List regionList = Collections.emptyList(); TestFixedOffsetPicker picker = new TestFixedOffsetPicker();
CountryZonesFinder finder = mock(CountryZonesFinder.class); List<TimeZoneInfo> infos = picker.getAllTimeZoneInfos(new TimeZoneData(mFinder));
when(finder.lookupAllCountryIsoCodes()).thenReturn(regionList);
FixedOffsetPicker picker = new FixedOffsetPicker() {
@Override
protected Locale getLocale() {
return Locale.US;
}
};
List<TimeZoneInfo> infos = picker.getAllTimeZoneInfos(new TimeZoneData(finder));
List<String> tzIds = infos.stream().map(info -> info.getId()).collect(Collectors.toList()); List<String> tzIds = infos.stream().map(info -> info.getId()).collect(Collectors.toList());
tzIds.contains("Etc/Utc"); assertThat(tzIds).contains("Etc/UTC");
tzIds.contains("Etc/GMT-12"); assertThat(tzIds).contains("Etc/GMT-14"); // Etc/GMT-14 means GMT+14:00
tzIds.contains("Etc/GMT+14"); assertThat(tzIds).contains("Etc/GMT+12"); // Etc/GMT+14 means GMT-12:00
}
@Test
public void createAdapter_verifyTitleAndOffset() {
TestFixedOffsetPicker picker = new TestFixedOffsetPicker();
BaseTimeZoneAdapter adapter = picker.createAdapter(new TimeZoneData(mFinder));
assertThat(adapter.getItemCount()).isEqualTo(12 + 1 + 14); // 27 GMT offsets from -12 to +14
AdapterItem utc = adapter.getItem(0);
assertThat(utc.getTitle().toString()).isEqualTo("Coordinated Universal Time");
assertThat(utc.getSummary().toString()).isEqualTo("GMT+00:00");
AdapterItem gmtMinus12 = adapter.getItem(1);
assertThat(gmtMinus12.getTitle().toString()).isEqualTo("GMT-12:00");
assertThat(gmtMinus12.getSummary().toString()).isEmpty();
}
public static class TestFixedOffsetPicker extends FixedOffsetPicker {
// Make the method public
@Override
public BaseTimeZoneAdapter createAdapter(TimeZoneData timeZoneData) {
return super.createAdapter(timeZoneData);
}
@Override
protected Locale getLocale() {
return Locale.US;
}
@Override
public Context getContext() {
return RuntimeEnvironment.application;
}
} }
} }