您现在的位置是:主页 > news > 上海计算机一级网页设计/seo课程总结

上海计算机一级网页设计/seo课程总结

admin2025/4/29 4:53:35news

简介上海计算机一级网页设计,seo课程总结,wordpress媒体库图片不显示,wordpress ios版本snackbar的使用 知识点: 1、snackbar的使用和源码分析。 Google的md设计给了我们一个利用底部空间的新控件--snackbar。在不少的应用中,我们可以看到一些列表页面,一开始在底部出现一个小小的按钮条,列表…

上海计算机一级网页设计,seo课程总结,wordpress媒体库图片不显示,wordpress ios版本snackbar的使用 知识点: 1、snackbar的使用和源码分析。 Google的md设计给了我们一个利用底部空间的新控件--snackbar。在不少的应用中,我们可以看到一些列表页面,一开始在底部出现一个小小的按钮条,列表…

snackbar的使用

知识点:

1、snackbar的使用和源码分析。


Google的md设计给了我们一个利用底部空间的新控件--snackbar。在不少的应用中,我们可以看到一些列表页面,一开始在底部出现一个小小的按钮条,列表往上滚动,它会向下消失;列表往下滚动时,它又出现了,点击它,可以是回到第一条或者刷新或者其它用户可能要执行的操作都可以放在那里。其实这个就很好的利用了snackbar控件,可以为用户提供更加友好而智能的操作,给用户更好的使用体验。


只有在细节上面下了功夫,用户对app使用满意了,我们开发才会有成就感。共勉。


下面我来简单说一下关于snackbar的使用,注释都在代码之中了,有疑问请查看代码注释。

snackbar的使用其实和toast的使用差不多


<span style="font-family:FangSong_GB2312;font-size:12px;">Snackbar.make(toolbar.getRootView(), "action1", Snackbar.LENGTH_LONG).setAction("queding", new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "action1's click", Toast.LENGTH_LONG).show();}}).show();
//	dismiss() dismiss the snackbar
//        show() show the snackbar
</span>

下面我们结合FloatingActionButton控件来使用,下面是主要代码

<span style="font-family:FangSong_GB2312;font-size:12px;">FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {Snackbar.make(view, "跳到首页", Snackbar.LENGTH_LONG).setAction("确定", new View.OnClickListener() {//这里如果第一个参数为空或者listener为null的话,那么"确定"文字则不会被显示,下面看源码@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "去到首页", Toast.LENGTH_LONG).show();}}).show();}});
</span>

这里是源码:

final TextView tv = mView.getActionView();//得到的是一个button类型的tvif (TextUtils.isEmpty(text) || listener == null) {//如果文字为空或者是监听器为空,tv可见醒为gonetv.setVisibility(View.GONE);tv.setOnClickListener(null);} else {//否则tv可见性为可见状态tv.setVisibility(View.VISIBLE);tv.setText(text);tv.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {listener.onClick(view);// Now dismiss the SnackbardispatchDismiss(Snackbar.Callback.DISMISS_EVENT_ACTION);}});}


关于FloatingActionButton的布局文件如下


<span style="font-family:FangSong_GB2312;font-size:12px;">    <android.support.design.widget.FloatingActionButtonandroid:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="bottom|end"android:layout_margin="@dimen/fab_margin"android:src="@android:drawable/ic_dialog_email" /></span>

如有任何疑问,请联系本人,谢谢。