国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統(tǒng) > Android > 正文

Android實(shí)現(xiàn)透明度可變的標(biāo)題欄效果

2020-04-11 10:46:27
字體:
供稿:網(wǎng)友

我們在做類似于個人主頁類應(yīng)用的時(shí)候,可能會遇到這樣的需求,效果如下


相信大家應(yīng)該看明白是什么效果了,就是隨著列表的滑動,上面的標(biāo)題欄的透明度會隨之變化。在IOS中,有很多的軟件有這種效果,下面,我們看一下這種效果是如何實(shí)現(xiàn)的。
先看一下項(xiàng)目的目錄

我們可以看到,目錄結(jié)構(gòu)很簡單,因?yàn)槲疫@個地方是使用的XListview代替的Listview,有很多文件都是XListview自帶的,所以顯得文件多一些,如果沒使用過XListview,請先百度XListview看看。
這里面,我們需要重點(diǎn)關(guān)注的只有一個文件,就是MainActivity,我們的關(guān)鍵代碼都在這里,下面,我們看一下代碼實(shí)現(xiàn)

/** * 透明度可變的標(biāo)題欄 *  * @author Zhao KaiQiang *  * @Time 2014-6-20 上午11:46:42 */public class MainActivity extends Activity implements OnScrollListener { private XListView listView; // 標(biāo)題欄的布局 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()); // 設(shè)置滾動監(jiān)聽 listView.setOnScrollListener(this); // 設(shè)置可以刷新與加載更多 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 { // 默認(rèn)顯示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) { } // 最重要的方法,標(biāo)題欄的透明度變化在這個方法實(shí)現(xiàn) @Override public void onScroll(AbsListView listView, int firstVisibleItem,  int visibleItemCount, int totalItemCount) { // 判斷當(dāng)前最上面顯示的是不是頭布局,因?yàn)閄listview有刷新控件,所以頭布局的位置是1,即第二個 if (firstVisibleItem == 1) {  // 獲取頭布局  View view = listView.getChildAt(0);  if (view != null) {  // 獲取頭布局現(xiàn)在的最上部的位置的相反數(shù)  int top = -view.getTop();  // 獲取頭布局的高度  headerHeight = view.getHeight();  // 滿足這個條件的時(shí)候,是頭布局在XListview的最上面第一個控件的時(shí)候,只有這個時(shí)候,我們才調(diào)整透明度  if (top <= headerHeight && top >= 0) {   // 獲取當(dāng)前位置占頭布局高度的百分比   float f = (float) top / (float) headerHeight;   rl_title.getBackground().setAlpha((int) (f * 255));   // 通知標(biāo)題欄刷新顯示   rl_title.invalidate();  }  } } else if (firstVisibleItem > 1) {  rl_title.getBackground().setAlpha(255); } else {  rl_title.getBackground().setAlpha(0); } }}

代碼是不是不復(fù)雜?我們只需要實(shí)現(xiàn)onScroll方法就可以,在這里面,完成我們對HeaderView的位置的檢測,然后通過HeaderView的高度和顯示的高度來計(jì)算比例,設(shè)置到TitleBar的背景圖片的透明度即可。

是不是很神奇,希望大家喜歡。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 永嘉县| 长兴县| 武宣县| 若尔盖县| 深泽县| 开封县| 渭南市| 苍山县| 班戈县| 合江县| 上杭县| 肇庆市| 翼城县| 临朐县| 栾川县| 镇康县| 苍山县| 五峰| 巴南区| 仁布县| 德阳市| 江达县| 山阴县| 江津市| 新兴县| 平塘县| 乳山市| 弥渡县| 阳信县| 五河县| 长葛市| 闽侯县| 台州市| 通辽市| 南通市| 德格县| 平泉县| 阿尔山市| 清丰县| 全南县| 周口市|