相公饶了我吧,在制作橡皮筋测力计,小儿体质差怎么办
我们在做类似于个人主页类应用的时候，可能会遇到这样的需求，效果如下
相信大家应该看明白是什么效果了，就是随着列表的滑动，上面的标题栏的透明度会随之变化。在ios中，有很多的软件有这种效果，下面，我们看一下这种效果是如何实现的。
先看一下项目的目录
我们可以看到，目录结构很简单，因为我这个地方是使用的xlistview代替的listview，有很多文件都是xlistview自带的，所以显得文件多一些，如果没使用过xlistview，请先百度xlistview看看。
这里面，我们需要重点关注的只有一个文件，就是mainactivity，我们的关键代码都在这里，下面，我们看一下代码实现
我要评论
/**
* 透明度可变的标题栏
*
* @author zhao kaiqiang
*
* @time 2014-6-20 上午11:46:42
*/
public class mainactivity extends activity implements onscrolllistener {
private xlistview listview;
// 标题栏的布局
private relativelayout rl_title;
// listview的头布局
private view headerview;
// 头布局的高度
private int headerheight;
private layoutinflater inflater;
private handler handler = new handler();
@override
protected void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
setcontentview(r.layout.activity_main);
rl_title = (relativelayout) findviewbyid(r.id.rl_title);
listview = (xlistview) findviewbyid(r.id.list);
rl_title.getbackground().setalpha(0);
inflater = layoutinflater.from(this);
headerview = inflater.inflate(r.layout.header_listview, null);
// 添加头布局
listview.addheaderview(headerview);
listview.setadapter(new myadapter());
// 设置滚动监听
listview.setonscrolllistener(this);
// 设置可以刷新与加载更多
listview.setpullloadenable(true);
listview.setpullrefreshenable(true);
listview.setxlistviewlistener(new ixlistviewlistener() {
@override
public void onrefresh() {
// 单纯的模拟刷新过程
handler.postdelayed(new runnable() {
@override
public void run() {
listview.stoprefresh();
}
}, 500);
}
@override
public void onloadmore() {
// 单纯的模拟加载过程
handler.postdelayed(new runnable() {
@override
public void run() {
listview.stoploadmore();
}
}, 500);
}
});
}
// 自定义适配器
private class myadapter extends baseadapter {
// 默认显示10个item
@override
public int getcount() {
return 10;
}
@override
public object getitem(int position) {
return position;
}
@override
public long getitemid(int position) {
return position;
}
@override
public view getview(int position, view convertview, viewgroup parent) {
if (convertview == null) {
convertview = inflater.inflate(r.layout.item_list, null);
}
return convertview;
}
}
@override
public void onscrollstatechanged(abslistview view, int scrollstate) {
}
// 最重要的方法，标题栏的透明度变化在这个方法实现
@override
public void onscroll(abslistview listview, int firstvisibleitem,
int visibleitemcount, int totalitemcount) {
// 判断当前最上面显示的是不是头布局，因为xlistview有刷新控件，所以头布局的位置是1，即第二个
if (firstvisibleitem == 1) {
// 获取头布局
view view = listview.getchildat(0);
if (view != null) {
// 获取头布局现在的最上部的位置的相反数
int top = -view.gettop();
// 获取头布局的高度
headerheight = view.getheight();
// 满足这个条件的时候，是头布局在xlistview的最上面第一个控件的时候，只有这个时候，我们才调整透明度
if (top <= headerheight && top >= 0) {
// 获取当前位置占头布局高度的百分比
float f = (float) top / (float) headerheight;
rl_title.getbackground().setalpha((int) (f * 255));
// 通知标题栏刷新显示
rl_title.invalidate();
}
}
} else if (firstvisibleitem > 1) {
rl_title.getbackground().setalpha(255);
} else {
rl_title.getbackground().setalpha(0);
}
}
}
代码是不是不复杂？我们只需要实现onscroll方法就可以，在这里面，完成我们对headerview的位置的检测，然后通过headerview的高度和显示的高度来计算比例，设置到titlebar的背景图片的透明度即可。
是不是很神奇，希望大家喜欢。
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
Android studio开发小型对话机器人app(实例代码)
Android通过Java sdk的方式接入OpenCv的方法
Android 通过cmake的方式接入opencv的方法步骤
Android Studio finish()方法的使用与解决app点击“返回”(直接退出)
Android 进度条 ProgressBar的实现代码(隐藏、出现、加载进度)
网友评论