Android listView 头部添加透明titleBar

﹏ヽ暗。殇╰゛Y 2022-08-18 15:28 280阅读 0赞

效果图如下

Center

activity布局：

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context="com.npi.blureffect.ListViewActivity" >
  7.       <ListView
  8.           android:id="@+id/listView1"
  9.           android:layout_width="match_parent"
  10.           android:layout_height="wrap_content"
  11.           android:layout_alignParentLeft="true" >
  13.       </ListView>
  15.         <com.npi.blureffect.ScrollableImageView
  16.          android:id="@+id/blurred_image_header"
  17.          android:layout_width="match_parent"
  18.          android:layout_height="50dp"
  19.          android:background="#e8e8e8" />
  22. </RelativeLayout>

listView里的单个布局

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent" >
  6.     <ImageView
  7.         android:id="@+id/imageView1"
  8.         android:layout_width="wrap_content"
  9.         android:layout_height="wrap_content"
  10.         android:layout_alignParentLeft="false"
  11.         android:layout_alignParentRight="false"
  12.         android:layout_alignParentTop="false"
  13.         android:layout_centerVertical="true"
  14.         android:src="@drawable/demo02" />
  16.     <Button
  17.         android:id="@+id/button1"
  18.         android:layout_width="wrap_content"
  19.         android:layout_height="wrap_content"
  20.         android:layout_alignParentRight="true"
  21.         android:layout_centerVertical="true"
  22.         android:layout_marginRight="20dp"
  23.         android:text="Button" />
  25. </RelativeLayout>

listView的header的布局，这里应该和头部的模糊view一样

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context="com.npi.blureffect.ListViewActivity" >
  7.         <com.npi.blureffect.ScrollableImageView
  8.          android:id="@+id/blurred_image_header"
  9.          android:layout_width="match_parent"
  10.          android:layout_height="50dp"
  11.          android:background="#e8e8e8" />
  14. </RelativeLayout>

activity代码

  1. package com.npi.blureffect;
  3. import java.util.ArrayList;
  4. import java.util.List;
  5. import java.util.zip.Inflater;
  7. import com.situ.android.adapter.CommonAdapter;
  8. import com.situ.android.adapter.ViewHolder;
  10. import android.app.Activity;
  11. import android.graphics.Bitmap;
  12. import android.graphics.Bitmap.Config;
  13. import android.graphics.Canvas;
  14. import android.os.Bundle;
  15. import android.util.Log;
  16. import android.view.LayoutInflater;
  17. import android.view.Menu;
  18. import android.view.MenuItem;
  19. import android.view.View;
  20. import android.view.View.MeasureSpec;
  21. import android.widget.AbsListView;
  22. import android.widget.AbsListView.OnScrollListener;
  23. import android.widget.ImageView;
  24. import android.widget.ListView;
  26. public class ListViewActivity extends Activity {
  27.     ScrollableImageView header;
  28.     ListView listView;
  29.     Bitmap screen;
  30.     View listHeader;
  31.     @Override
  32.     protected void onCreate(Bundle savedInstanceState) {
  33.         super.onCreate(savedInstanceState);
  34.         setContentView(R.layout.activity_list_view);
  35.         listView = (ListView) findViewById(R.id.listView1);
  36.         header = (ScrollableImageView) findViewById(R.id.blurred_image_header);
  38.         List<Integer> contents = new ArrayList<Integer>();
  39.         contents.add(R.drawable.demo01);
  40.         contents.add(R.drawable.demo02);
  41.         contents.add(R.drawable.demo03);
  42.         contents.add(R.drawable.demo04);
  43.         contents.add(R.drawable.demo05);
  44.         contents.add(R.drawable.demo06);
  45.         contents.add(R.drawable.demo07);
  46.         contents.add(R.drawable.demo08);
  47.         contents.add(R.drawable.demo09);
  48.         contents.add(R.drawable.demo10);
  49.         contents.add(R.drawable.demo11);
  50.         contents.add(R.drawable.demo12);
  51.         contents.add(R.drawable.demo13);
  52.         contents.add(R.drawable.demo14);
  53.         contents.add(R.drawable.demo15);
  54.         listView.setAdapter(new CommonAdapter(ListViewActivity.this,R.layout.list_activity_item,contents) {
  56.             @Override
  57.             public void convert(ViewHolder holder, int position, Object object) {
  58.                 // TODO Auto-generated method stub
  59.                 ImageView img = (ImageView)holder.getView(R.id.imageView1);
  60.                 img.setImageResource((Integer)object);
  61.             }
  62.         });
  65.         initListView(listView, header);
  66.     }
  68.     int totalHeight=0;
  69.     int initHeight = 0;
  70.     private void initListView(final ListView listView,final ScrollableImageView header){
  71.         LayoutInflater inflater = getLayoutInflater(); 
  72.         listHeader = inflater.inflate(R.layout.list_header, null);
  73.         listView.addHeaderView(listHeader);
  74.         listView.setOnScrollListener(new OnScrollListener() {
  75.             int X = 0;
  76.             int Y = 0;
  77.             int height = 0;
  78.             /**
  79.              * 获取当前滑动的精准位置，仅能用于行高均相同的listview
  80.              * @param mListView
  81.              * @return
  82.              */
  83.             public int getScrollY(final AbsListView mListView) {
  84.                 mListView.post(new Runnable() {
  86.                     @Override
  87.                     public void run() {
  88.                         // TODO Auto-generated method stub
  89.                          View c = mListView.getChildAt(0);
  90.                             if (c == null) {
  91.                                 return ;
  92.                             }
  93.                             int firstVisiblePosition = mListView.getFirstVisiblePosition();
  94.                             int top = c.getTop();
  95. //                            Log.i("Alex", "子元素的top是"+top+"头的高度是"+listHeader.getHeight()+"  :"+listHeader.getMeasuredHeight());
  96.                             //重中之重的方法！！！！！！！！！！！！！！！！！！！！！！！
  97.                             Log.i("Alex", "计算结果是 "+top+"+"+(firstVisiblePosition-1)+" *"+c.getHeight()+" +"+listHeader.getHeight()+"  :"+listHeader.getMeasuredHeight());
  98.                             if(c.getHeight()==listHeader.getHeight()){
  99.                                 height =  -top + (firstVisiblePosition) * c.getHeight() ;
  100.                             }else{
  101.                                 height =  -top + (firstVisiblePosition-1) * c.getHeight()+listHeader.getHeight() ;
  102.                             }
  103.                     }
  104.                 });
  105.                return height;
  106.             }
  108.             @Override
  109.             public void onScrollStateChanged(AbsListView view, int scrollState) {
  110.                 // TODO Auto-generated method stub
  111.                 Log.i("Alex", "listView滚动状态改变了:::"+scrollState);
  112.                  switch(scrollState){  
  113.                     case OnScrollListener.SCROLL_STATE_IDLE://空闲状态  
  114.                         Log.i("Alex", "现在是空闲状态");
  115.                         break;  
  116.                     case OnScrollListener.SCROLL_STATE_FLING://滚动状态  
  117.                         Log.i("Alex", "现在是滚动状态");
  118.                         break;  
  119.                     case OnScrollListener.SCROLL_STATE_TOUCH_SCROLL://触摸后滚动  
  120.                         Log.i("Alex", "现在是惯性状态");     
  121.                         break;  
  122.                  }  
  124.             }
  126.             @Override
  127.             public void onScroll(AbsListView view, int firstVisibleItem,
  128.                     int visibleItemCount, int totalItemCount) {
  129.                 // TODO Auto-generated method stub
  130. //                Log.i("Alex", "正在滚动。。第一个可见item是"+firstVisibleItem+" 可见item的数量是"+visibleItemCount+" /"+totalItemCount);
  131. //                X = listView.getScrollX();
  132.                 Y = getScrollY(view);
  133.                 if(Y<initHeight){
  134.                     Log.i("Alex", "现在是刚进来");
  135.                 }
  136.                 if(Y>initHeight && Y >totalHeight-listHeader.getHeight()){
  137.                     Log.i("Alex", "正在重新截图。。。................................................................................。。。。。。。。。。。。");
  139.                     view.post(new Runnable() {
  141.                         @Override
  142.                         public void run() {
  143.                             // TODO Auto-generated method stub
  144.                             Bitmap subScreen = Blur.fastblur(ListViewActivity.this, getbBitmap(listView), 15);
  145.                             screen = concactBitmapVertical(screen, subScreen);
  146.                             subScreen.recycle();//消除内存
  147.                             totalHeight = screen.getHeight();
  148.                             header.setoriginalImage(screen);
  149.                         }
  150.                     });
  152.                 }
  153.                 Log.i("Alex", "现在要显示到："+Y);
  154.                 header.handleScroll(Y, 0);
  155.             }
  156.         });
  158.         listView.post(new Runnable() {
  160.             @Override
  161.             public void run() {
  162.                 // TODO Auto-generated method stub
  163.                 screen = getbBitmap(listView);
  164.                 initHeight = screen.getHeight();
  165.                 screen = Blur.fastblur(ListViewActivity.this, screen, 15);
  166.                 totalHeight = screen.getHeight();
  167.                 header.setoriginalImage(screen);
  168.             }
  169.         });
  170.     }
  173.      /**
  174.       * 截图listview，这个截图方法有bug,在快速滑动和慢速滑动的时候截图结果不同
  175.       * **/
  176.      public static Bitmap getbBitmap(ListView listView) {
  177.       int h = 0;
  178.       Bitmap bitmap = null;
  179.       // 获取listView实际高度
  180.       Log.i("Alex", "子元素数量是"+listView.getChildCount());
  181.       for (int i = 0; i < listView.getChildCount(); i++) {
  182.        h += listView.getChildAt(i).getHeight();
  183.       }
  184.       Log.d("Alex", "实际高度:" + h);
  185.       Log.d("Alex", "list 高度:" + listView.getHeight());
  186.       // 创建对应大小的bitmap
  187.       bitmap = Bitmap.createBitmap(listView.getWidth(), h,
  188.         Bitmap.Config.ARGB_8888);
  189.       final Canvas canvas = new Canvas(bitmap);
  190.       listView.draw(canvas);
  191.       return bitmap;
  192.      }
  194.      /**
  195.       * 这个方法不能用于listView中的contentView，不然被测量之前的contentVIew就都没了
  196.       * @param view
  197.       * @return
  198.       */
  199.      public static Bitmap convertViewToBitmap(View view) {
  200.           view.measure(MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED),
  201.             MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
  202.           view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());
  203.           view.buildDrawingCache();
  204.           Bitmap bitmap = view.getDrawingCache();
  205.           if (bitmap != null) {
  206.            System.out.println("这不是nullde1");
  207.            Log.d("nullde1", "nullde1");
  208.           } else {
  209.            System.out.println("这nullnulllnulnlul");
  210.           }
  211.           return bitmap;
  212.     }
  214.      /**
  215.          * 将两张位图拼接成一张(横向拼接)
  216.          * 
  217.          * @param first
  218.          * @param second
  219.          * @return
  220.          */
  221.         private Bitmap concactBitmapHorizantal(Bitmap first, Bitmap second) {
  222.                     int width =first.getWidth() + second.getWidth();
  223.                     int height = Math.max(first.getHeight(), second.getHeight());
  224.             Bitmap result = Bitmap.createBitmap(width, height, Config.ARGB_8888);
  225.             Canvas canvas = new Canvas(result);
  226.             canvas.drawBitmap(first, 0, 0, null);
  227.             canvas.drawBitmap(second, first.getWidth(), 0, null);
  228.             return result;
  229.         }
  230.         /**
  231.          * 将两张位图拼接成一张(横向拼接)
  232.          * 
  233.          * @param first
  234.          * @param second
  235.          * @return
  236.          */
  237.         private Bitmap concactBitmapVertical(Bitmap first, Bitmap second) {
  238.             int width =Math.max(first.getWidth(), second.getWidth());
  239.             int height = first.getHeight()+second.getHeight();
  240.             Bitmap result = Bitmap.createBitmap(width, height, Config.ARGB_4444);
  241.             Canvas canvas = new Canvas(result);
  242.             canvas.drawBitmap(first, 0, 0, null);//先画第一个
  243.             canvas.drawBitmap(second, 0, first.getHeight(), null);//在第一个的下面画第二个
  244.             return result;
  245.         }
  248. }

发表评论

表情：
评论列表 （有 0 条评论，280人围观）

还没有评论，来说两句吧...

相关阅读