终于来到第12章啦!对话框在各类应用中见到的几率还是蛮多的,这可就实用了,漂亮点的对话框还是提升用户体验呢~
创建 DialogFragment
曾经的我写代码,创建对话框,都是直接显示AlertDialog视图的,然而现在看到本书推荐是将AlertDialog封装在DialogFragment(Fragment的子类)实例中使用,用FragmentManager管理,更为灵活。而且,在旋转设备时用AlertDialog的话会消失,而封装在fragment中的AlertDialog则不会有此问题(旋转后,对话框会被重建恢复)。看来,今后写代码还是注意了,得转变转变了,多看书,还是涨姿势的。
截取自此书- 创建DatePickerFragment的DialogFragment子类。
- 在DatePickerFragment中,创建并配置显示DatePicker组件的AlertDialog实例。(DatePickerFragment同样由CrimePagerActivity托管)
- 借助FragmentManager在屏幕上显示对话框。
接下来,实践代码啦,注意引入支持库中的包。
新一点的系统看到的日历选择器还是挺好看的喔~
使用布局文件实例化视图对象能更加方便的拓展噢,推荐用布局文件。虽然,
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
DatePicker datePicker = new DatePicker(getActivity());
return new AlertDialog.Builder(getActivity())
.setView(datePicker)
...
.create();
}
这样也能创建DatePicker对象。
设备配置改变时,具有ID属性的视图可以保存运行状态;而以dialog_date.xml布局创建DatePicker时,编译工具已为DatePicker生成了唯一的ID。所以,设备旋转,用户所选日期也都会得到保留。
fragment 间的数据传递
现在同一个activity托管的两个fragment之间要进行数据传递了,来吧,本小结开始了。
截取自此书 事件流图: 截图自此书- 在DatePickerFragment中新建一个newInstance(Date)方法,然后将Date作为argument附加给fragment,这样就将crime的日期传递给DatePickerFragment了。
这里由于DatePicker对象初始化涉及到整数形式的年、月、日,所以使用到了Calendar对象,用Date配置它,从而得到年月日。有关Calendar、Date知识点,实践总结篇 :https://www.jianshu.com/p/57cd6ead77c0
- 将CrimeFragment设置成DatePickerFragment的目标fragment;传递数据给目标fragment;在目标fragment的 onActivityResult()接收数据。
fragment中的public void setTargetFragment(Fragment fragment, int requestCode) 方法可以建立两个fragment的关联。
dialog.setTargetFragment(CrimeFragment.this, REQUEST_DATE);
DatePrickerFragment中添加下述方法,为了返回传递数据:
private void sendResult(int resultCode, Date date) {
if (getTargetFragment() == null) {
return;
}
Intent intent = new Intent();
intent.putExtra(EXTRA_DATE, date);
getTargetFragment().onActivityResult(getTargetRequestCode(), resultCode, intent);
}
接收数据核心代码:
@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
if (resultCode != Activity.RESULT_OK){
return;
}
if (requestCode == REQUEST_DATE){
Date date = (Date) data.getSerializableExtra(DatePickerFragment.EXTRA_DATE);
mCrime.setDate(date);
updateDate(btnDate, mCrime);
}
}
可以覆盖DialogFragment.
onCreateView(...)方法,以便显示全屏fragment,根据不同的需求,可实现不同设备上的信息呈现。
挑战练习:更多对话框
(另写一个名为TimePickerFragment的对话框fragment,允许用户使用TimePicker组件选择crime发生的具体时间。在CrimeFragment用户界面上再添加一个按钮,以显示TimePickerFragment视图界面。)
我的解决方案吧,创建TimePickerFragment这里的写法跟上述一样的啦,然后CrimeFragment添加了个按钮选时间,更新还是在date的那个按钮上。上代码啦:
public class TimePickerFragment extends DialogFragment {
private static final String ARG_TIME = "time";
public static final String EXTRA_TIME =
"com.bignerdranch.android.criminalintent.time";
private TimePicker mTimePicker;
private Calendar mCalendar;
public static TimePickerFragment newInstance(Date date) {
Bundle bundle = new Bundle();
bundle.putSerializable(ARG_TIME, date);
TimePickerFragment timePickerFragment = new TimePickerFragment();
timePickerFragment.setArguments(bundle);
return timePickerFragment;
}
@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
Date date = (Date) getArguments().getSerializable(ARG_TIME);
mCalendar = Calendar.getInstance();
mCalendar.setTime(date);
int hour = mCalendar.get(Calendar.HOUR_OF_DAY);
int minute = mCalendar.get(Calendar.MINUTE);
View view = LayoutInflater.from(getActivity()).inflate(R.layout.dialog_time, null);
mTimePicker = view.findViewById(R.id.dialog_time_picker);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
mTimePicker.setHour(hour);
mTimePicker.setMinute(minute);
} else {
mTimePicker.setCurrentHour(hour);
mTimePicker.setCurrentMinute(minute);
}
return new AlertDialog.Builder(getActivity())
.setView(view)
.setTitle(R.string.time_picker_title)
.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
int hour, minute;
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
hour = mTimePicker.getHour();
minute = mTimePicker.getMinute();
} else {
hour = mTimePicker.getCurrentHour();
minute = mTimePicker.getCurrentMinute();
}
mCalendar.set(Calendar.HOUR_OF_DAY, hour);
mCalendar.set(Calendar.MINUTE, minute);
sendResult(Activity.RESULT_OK, mCalendar.getTime());
}
})
.show();
}
private void sendResult(int resultCode, Date date) {
if (getTargetFragment() == null) {
return;
}
Intent intent = new Intent();
intent.putExtra(EXTRA_TIME, date);
getTargetFragment().onActivityResult(getTargetRequestCode(), resultCode, intent);
}
}
CrimeFragment.java中的核心代码:
@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
if (resultCode != Activity.RESULT_OK){
return;
}
if (requestCode == REQUEST_DATE){
Date date = (Date) data.getSerializableExtra(DatePickerFragment.EXTRA_DATE);
mCrime.setDate(date);
updateDate(btnDate, mCrime);
}else if (requestCode == REQUEST_TIME){
Date date = (Date) data.getSerializableExtra(TimePickerFragment.EXTRA_TIME);
mCrime.setDate(date);
updateDate(btnDate, mCrime);
}
}
应该还是很容易看懂的,emmm... 我是这么想喽~~~
挑战练习:实现响应式 DialogFragment
这个挑战练习貌似有点复杂,最后都叫我提前学习17章内容再来完成了,所以...哈哈~ 先这样吧,先不做了。
网友评论