android Holo UI框架,Holo风格的开源中国Android客户端——持续更新(2)
一、我的资料:
1、返回样式
getSupportActionBar().setDisplayShowHomeEnabled(false);
getSupportActionBar().setDisplayShowTitleEnabled(true);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
2、编辑头像和刷新
android:id="@+id/menu_userinfo_edit_btn"
android:showAsAction="always"
android:icon="@drawable/ic_action_edit"
android:title="@string/userinfo_edit"/>
android:id="@+id/menu_userinfo_refresh_btn"
android:showAsAction="ifRoom"
android:icon="@drawable/ic_action_refresh"
android:title="@string/refresh"/>
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getSupportMenuInflater().inflate(R.menu.menu_userinfo, menu);
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case android.R.id.home:
finish();
break;
case R.id.menu_userinfo_edit_btn:
CharSequence[] items = { getString(R.string.img_from_album),
getString(R.string.img_from_camera) };
imageChooseItem(items);
break;
case R.id.menu_userinfo_refresh_btn:
loadUserInfoThread(true);
break;
default:
break;
}
return super.onOptionsItemSelected(item);
}
3、截屏
4、执行耗时操作的提示方式
源代码采用的是创建一个LoadingDialog对象,在刷新、上传头像的时候,显示对话框,完成后消失。这个类似IOS上面的UIAlertView,如图:
UIAlertView *alert = [[UIAlertView alloc]
initWithTitle:@"Something was done"
message:msg
delegate:self
cancelButtonTitle:@"Phew!"
otherButtonTitles:nil];
[alert show];
在这里,简单的改造下,代码和效果如下:
4.1、刷新
1)、在Activity的onCreate()中,设置requestWindowFeature
protected void onCreate(Bundle savedInstanceState) {
requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
super.onCreate(savedInstanceState);
setContentView(R.layout.user_info);
setTitle(R.string.main_menu_myinfo);
// 初始化视图控件
this.initView();
// 初始化视图数据
this.initData();
}
2)、刷新完成,取消“转圈圈”
private void initData() {
mHandler = new Handler() {
@Override
public void handleMessage(Message msg) {
// if (loading != null)
// loading.dismiss();
setSupportProgressBarIndeterminateVisibility(false);
// 刷新成功
if (msg.what == 1 && msg.obj != null) {
Toast.makeText(UserInfoActivity.this, "刷新成功",
Toast.LENGTH_SHORT).show();
user = (MyInformation) msg.obj;
// 加载用户头像
UIHelper.showUserFace(face, user.getFace());
3)、开始刷新的时候,启动“转圈圈”
private void loadUserInfoThread(final boolean isRefresh) {
// loading = new LoadingDialog(this);
// loading.show();
setSupportProgressBarIndeterminateVisibility(true);
// ......
4)、效果图
4.2、上传头像
和刷新差不多,只是增加了提示语。关于提示,大家可以有不同的创意好风格,这里我就随便挑个简单的。大家如果有好的想法,欢迎提出来,供大家学习交流。
不过上传的时候,采用这种设计并不好,因为用户很容易按下返回键。所以我觉得还是采用Dialog或AlertView更合适。
当然,这里纯粹为了演示效果和偷懒,仍旧采用了和刷新一样的“圆圈”。
1)、开始上传,添加subtitle
// if (loading != null) {
// loading.setLoadText("正在上传头像···");
// loading.show();
// }
getSupportActionBar().setSubtitle("正在上传头像");
setSupportProgressBarIndeterminateVisibility(true);
2)、上传完成,取消subtitle
// if (loading != null)
// loading.dismiss();
getSupportActionBar().setSubtitle(null);
setSupportProgressBarIndeterminateVisibility(false);
3)、效果图
二、首页资讯
1、享受阅读:由于去掉了底部的一组导航按钮,所以显示的有效空间更大,而且减少了对阅读的干扰。
2、单手操作:横向滑动时,切换顶部的三个Tab,切换更方便,特别是大屏手机,单手操作的话,很难在左图中切换资讯、博客、阅读。
三、Actionbar和Tab样式简介
Actionbar默认的主题有Theme.Holo.Light和Theme.Holo.Light.DarkActionBar,前者是灰白色的Actionbar,后者是黑色的Actionbar。
使用Theme.Holo.Light.DarkActionBar效果:
Twitter的登录页面(不知道我下载的这个是不是山寨的:)~~)
Path的商店界面
四、自定义
1、自定义Actionbar背景
下面是在values和values-14中自定义Actionbar样式,由于时间仓促(22点了,困~),不一定完全合理和正确,仅提供一种思路。
1)、在res/values/styles目录下,使用的是Theme.Sherlock.Light.DarkActionBar
自定义的时候,只需要覆盖它的actionBarStyle即可:
@style/MyActionBarStyle
@drawable/ab_custom_blue_holo_light
当然,对应的字体颜色,图标颜色,菜单样式等等,都可能会变得不那么协调了,这需要多覆盖几项其它样式,比如字体颜色,图标的普通样式和按下样式等。
最好都定义在自己写的MyActionBar样式中,不要直接去覆盖系统的资源图片、字体和颜色值等。
2)、在res/values-14/styles目录下,只需要覆盖系统定义的即可:
@style/MyActionBarStyle
@drawable/ab_custom_blue_holo_light
上面的自定义,我只是简单的处理了下,具体开发的话,应该更规范点。
2、项目源码
https://git.oschina.net/xsjayz/OsChina_Slidingmenu_20130808
android Holo UI框架,Holo风格的开源中国Android客户端——持续更新(2)相关推荐
- Holo风格的开源中国Android客户端——持续更新(1)
为什么80%的码农都做不了架构师?>>> 一.图片 首页 登录 二.关于登录的几个疑问 1.Manifest文件的警告: <receiver an ...
- android ui风格 车载,XUI: 一个简洁而优雅的Android原生UI框架,解放你的双手!
XUI 一个简洁而又优雅的Android原生UI框架,解放你的双手!还不赶紧点击使用说明文档,体验一下吧! 涵盖绝大部分的UI组件:TextView.Button.EditText.ImageView ...
- android原生组件,XUI: 一个简洁而优雅的Android原生UI框架,解放你的双手!
XUI 一个简洁而又优雅的Android原生UI框架,解放你的双手!还不赶紧点击使用说明文档,体验一下吧! 涵盖绝大部分的UI组件:TextView.Button.EditText.ImageView ...
- Android常用ui,XUI: 一个简洁而优雅的Android原生UI框架,解放你的双手!
XUI 一个简洁而又优雅的Android原生UI框架,解放你的双手!还不赶紧点击使用说明文档,体验一下吧! 涵盖绝大部分的UI组件:TextView.Button.EditText.ImageView ...
- android炫酷叼ui,XUI: 一个简洁而优雅的Android原生UI框架,解放你的双手!
XUI 一个简洁而又优雅的Android原生UI框架,解放你的双手!还不赶紧点击使用说明文档,体验一下吧! 涵盖绝大部分的UI组件:TextView.Button.EditText.ImageView ...
- 2019年最新Android常用开源库汇总上篇(持续更新)
因为本文资料太多,所以本文分上下篇,并且持续更新,觉得不错的小伙伴们可以关注点赞收藏一下 1.基本控件 1.1.TextView ScrollNumber ReadMoreTextView HtmlI ...
- 开发必备!2019年最新android常用开源库汇总上篇(持续更新)
因为本文资料太多,所以本文分上下篇,并且持续更新,觉得不错的小伙伴们可以关注点赞收藏一下哦~ 1.基本控件 1.1.TextView ScrollNumber ReadMoreTextView Htm ...
- calabash-android教程,使用calabash测试开源中国Android客户端
Calabash-android是支持android的UI自动化测试框架,前面已经介绍过<中文Win7下成功安装calabash-android步骤>,这篇博文尝试测试一个真实应用:开源中 ...
- 开源中国Android客户端v2.6.5代码开源啦!
我们发布了开源中国Android客户端v2.6.5,这个版本中包含了大量的细节改进,感兴趣的朋友们现在就可以checkout代码出来钻研了交流了. (新版界面实现等,请参考 net.oschina.a ...
- 开源中国WP7客户端全面开源,包括iPhone客户端与Android
开源中国WP7客户端全面开源,包括 iPhone 客户端与 Android 客户端 Zune下载地址: http://social.zune.net/redirect/ ... 4%26source% ...
最新文章
- java将按钮添加到指定位置_在运行时将按钮添加到布局
- jQuery获取带点的id元素
- ICLR 2020被爆半数审稿人无相关领域经验,同行评审制度在垮塌?
- C语言 字符串前加L的意义 如:L“A”
- AgileEAS.NET平台之ORM设计器
- 网络流24题之魔术球问题
- C3P0连接池的运用
- 《第一行代码》学习笔记40-网络(1)
- c#爬虫-解决ChromeDriver 版本问题
- 如何设置Win11系统右键刷新
- 【Android】attr、style和theme
- 一键洞察全量SQL ,远离性能异常
- windows 2008 r2 AD密码策略
- WSL:vi 的使用、只读下的修改操作
- 快速排序(C#)实现
- 线性代数学习指导与MATLAB编程实践,线性代数学习指导与MATLAB编程实践(邵建峰)...
- callback函数 matlab,matlab GUI 自主设计时callback回调函数问题
- http请求报400错误原因
- Clickhouse查询手册
- android线程间通信的几种方法_Android进程间和线程间通信方式