Android 高级控件-ListView的扩展

  ListView在Android中非常的常见,然而系统给我们的ListView远远不能满足实际的需求。因此,就出现了很多的定制化的ListView,这里将简单的记录一下,ListView的常用拓展。

1.具有弹性的ListView

  在Android中,ListView滑动到顶端或者低端的时候,并没有很多的提示。比如说,当ListView到了底端或者顶端,如果有一个弹性的效果,那就显得非常的友好。
  这里将简单的记录一下怎么实现一个弹性的ListView。
  在ListView的源代码中,有一个控制滑动边缘控制的方法

protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, int scrollRangeX, int scrollRangeY, int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent)

  有一个参数---maxOverScrollY,这个参数是用来控制ListView能够超出范围滑动的距离。在默认的情况下,它的值为0,我们可以通过来重写这个方法,然后改变这个值,从而可以控制一个ListView的滑动范围。

@Override
    protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, int scrollRangeX, int scrollRangeY,
            int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {

        return super.overScrollBy(deltaX, deltaY, scrollX, scrollY, scrollRangeX, scrollRangeY, maxOverScrollX,
                mMaxOverDistance, isTouchEvent);
    }

  为了适配不同分辨率的手机,我们可以获得每个手机屏幕的密度--density来计算具体的值。

 private void init(Context context) {
       DisplayMetrics metrics = context.getResources().getDisplayMetrics();
       float density = metrics.density;
       mMaxOverDistance = (int) (density * mMaxOverDistance);
}

2.自动显示、隐藏布局的ListView

  当我们在ListView上滑动的时候,顶部ActionBar或者ToolBar就会相应的隐藏或者显示。
  我们知道,让一个布局显示或者隐藏并带有动画效果,可以通过属性动画来实现。所以这个效果的关键就在于如何获得ListView的各种滑动事件。我们利用View的OnTouchListener接口来监听ListView的滑动,通过比较这次的坐标与上次的坐标的大小,来判断滑动的方向,并通过滑动的方向来判断是否需要隐藏或者显示相应的布局。

public class MainActivity extends AppCompatActivity implements OnTouchListener {
    private ListView mListView = null;
    private List<String> mDatas = null;
    private MyAdapter Adapter = null;
    private int mFirstY = 0;
    private int mMoveY = 0;
    private int mTouchSlop = 0;
    private boolean direction = false;
    private boolean mShow = false;
    private ObjectAnimator mAnimator = null;
    private Toolbar mToolbar = null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        mListView = (ListView) findViewById(R.id.id_listView);
        mDatas = new ArrayList<String>();
        for (int i = 0; i < 20; i++) {
            mDatas.add("Title" + i);
        }
        Adapter = new MyAdapter(this, mDatas);
        mListView.setAdapter(Adapter);
        mListView.setOnTouchListener(this);
        TextView header = new TextView(this);
        mToolbar = (Toolbar) findViewById(R.id.id_toolBar);
        header.setLayoutParams(new AbsListView.LayoutParams(AbsListView.LayoutParams.MATCH_PARENT, mToolbar.getHeight()));
        header.setText("1233");
        mListView.addHeaderView(header);
        mTouchSlop = ViewConfiguration.get(this).getScaledTouchSlop();
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mFirstY = (int) event.getY();
            break;
        case MotionEvent.ACTION_MOVE: {
            mMoveY = (int) event.getY();
            if(mMoveY - mFirstY > mTouchSlop)
            {
                //向上滑,状态栏应该显示
                direction = false;
            }
            else if(mFirstY - mMoveY > mTouchSlop)
            {
                //向下滑,状态栏应该隐藏
                direction = true;
            }
            //向下滑,则进行隐藏
            if(direction)
            {
                //如果显示的话,则将其隐藏
                if(mShow)
                {
                    actionBarAnim(0);  //隐藏
                    mShow = !mShow;
                }
            }
            else  //向上滑,则进行显示
            {
                if(!mShow)
                {
                    actionBarAnim(1);
                    mShow = !mShow;
                }
            }
        }
        }
        return false;
    }
    private  void actionBarAnim(int flag)
    {
        if(mAnimator != null && mAnimator.isRunning())
        {
            mAnimator.cancel();
        }
        if(flag == 0) //隐藏
        {
            mAnimator = ObjectAnimator.ofFloat(mToolbar, "translationY",mToolbar.getTranslationY(), 0);
        }
        else if(flag == 1)  //显示
        {
            mAnimator = ObjectAnimator.ofFloat(mToolbar, "translationY", mToolbar.getTranslationY(), -mToolbar.getHeight());
        }
        mAnimator.start();
    }
}

3.聊天的ListView

  通常我们使用的ListView每一个Item都有相同布局,所以展现出来的时候,除了数据不同的,其他的都是类似的。而我们熟知的QQ、微信等聊天APP,在聊天的界面上只有两种布局,即对方的消息布局和自己的消息布局这样的布局。
  这样的布局其实可以在Adapter里面进行一些改变,在getView里面判断一下当前的item属于那种类型,不同的类型加载不同的layout布局文件。

public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        Bean bean = mDatas.get(position);
        if (convertView == null) {

            holder = new ViewHolder();
            if (bean.flag) {
                convertView = mInflater.inflate(R.layout.item, parent, false);
                holder.mTextView = (TextView) convertView.findViewById(R.id.id_textView);
            } else {
                convertView = mInflater.inflate(R.layout.item_layout, parent, false);
                holder.mTextView = (TextView) convertView.findViewById(R.id.textView);
            }

            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        holder.mTextView.setText(bean.content);
        return convertView;
    }

    public class ViewHolder {
        public TextView mTextView = null;
    }
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,367评论 6 512
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,959评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,750评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,226评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,252评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,975评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,592评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,497评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,027评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,147评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,274评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,953评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,623评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,143评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,260评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,607评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,271评论 2 358

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,226评论 25 707
  • 知道你在 我静静地等待 等待你的到来 等待你的告白 等待你的微笑 等待你的拥抱 知道这一切都只是泡沫幻影 却还是在...
    樱桃米米阅读 107评论 0 0
  • 手工圣诞饼干制作!
    乔治叔叔阅读 162评论 0 0
  • 在个人理财的过程中,赚钱、攒钱、钱生钱都是基础,最关键的还是护钱。只有保证我们的财产安全才能够获得更多的可持续收入...
    青鸟的天空727阅读 496评论 0 4
  • 看云卷云舒, 天边的红墨一点点的消沉, 傍晚的小巷悠远悠长...... 巷的影子里走进一位裙儿飘飘的倩影, 纤细的...
    升fa阅读 287评论 0 1