这个界面  实现的不是微信对话界面。实现的是,focus的状态下,变为放大的另一种布局

重点:

一、定义类型个数

private final int TYPE_COUNT = 2;
    private final int FIRST_TYPE = 0;
    private final int OTHERS_TYPE = 1;

二、重写两个函数

 @Override
    public int getViewTypeCount() {
        return TYPE_COUNT;
    }

@Override
    public int getItemViewType(int position) {
        if (position == mSelectedPosition) {
            return FIRST_TYPE;
        } else {
            return OTHERS_TYPE;
        }
    }

public class CallContactListViewAdapter extends BaseAdapter {

public static final String TAG = CallContactListViewAdapter.class.getName();
    private final int TYPE_COUNT = 2;
    private final int BIG_TYPE = 0;
    private final int SMALL_TYPE = 1;
    private int currentType;

private List<ContactIndex> mContactList;
    private Context mContext;
    private LayoutInflater layoutInflater;
    private int mSelectedPosition = -1;

private Bitmap mBitmap = null;

// private Matrix mMatrix;

public CallContactListViewAdapter(Context context,
            List<ContactIndex> contactList) {
        mContext = context;
        mContactList = contactList;

this.layoutInflater = LayoutInflater.from(context);

// mMatrix = new Matrix();
        // mMatrix.postScale(0.6f,0.6f);
    }

public void setSelectItem(int position) {
        mSelectedPosition = position;
    }

/*
     * (non-Javadoc)
     *
     * @see android.widget.Adapter#getCount()
     */
    @Override
    public int getCount() {
        // Log.d(TAG, "contact list size:" + mContactList.size());
        return mContactList.size();
    }

/*
     * (non-Javadoc)
     *
     * @see android.widget.Adapter#getItem(int)
     */
    @Override
    public Object getItem(int position) {
        if (position >= 0 && position < mContactList.size()) {
            return mContactList.get(position);
            // return mList.get(position % mList.siez());
        }
        return null;
    }

/*
     * (non-Javadoc)
     *
     * @see android.widget.Adapter#getItemId(int)
     */
    @Override
    public long getItemId(int arg0) {
        return arg0;
    }

@Override
    public int getViewTypeCount() {
        return TYPE_COUNT;
    }

@Override
    public int getItemViewType(int position) {
        if (position == mSelectedPosition) {
            return BIG_TYPE;
        } else {
            return SMALL_TYPE;
        }
    }

/*
     * (non-Javadoc)
     *
     * @see android.widget.Adapter#getView(int, android.view.View,
     * android.view.ViewGroup)
     */
    @Override
    public View getView(int position, View convertView, ViewGroup viewGroup) {

Log.d(TAG, "position:" + position);
        ViewHolder viewHolder = null;

currentType = getItemViewType(position);
        System.out.println("type=" + currentType);
        if (currentType == BIG_TYPE) {

if (convertView == null) {
                viewHolder = new ViewHolder();

convertView = layoutInflater.inflate(R.layout.call_item, null);

viewHolder.friendPic = (ImageView) convertView
                        .findViewById(R.id.callFriendPic);
                viewHolder.friendName = (TextView) convertView
                        .findViewById(R.id.callFriendName);

convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }
        } else {
            if (convertView == null) {
                viewHolder = new ViewHolder();

convertView = layoutInflater.inflate(R.layout.call_item_small,
                        null);

viewHolder.friendPic = (ImageView) convertView
                        .findViewById(R.id.callFriendPic);
                viewHolder.friendName = (TextView) convertView
                        .findViewById(R.id.callFriendName);

convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }
        }

//         if(mSelectedPosition == position){
//             viewHolder.friendPicBorder.setVisibility(View.VISIBLE);
//             viewHolder.friendName.setTextSize(mContext.getResources().getDimension(R.dimen.callListNameTextSizeBig));
//         }
//         else{
//             mBitmap = BitmapFactory.decodeResource(mContext.getResources(),
//             mContactList.get(position).getPicId());
//             Bitmap resizeBmp =
//             Bitmap.createBitmap(mBitmap,0,0,mBitmap.getWidth(),mBitmap.getHeight(),mMatrix,true);
//             viewHolder.friendPic.setImageBitmap(resizeBmp);
//         }

viewHolder.friendPic.setImageResource(mContactList.get(position)
                .getPicId());
        viewHolder.friendName.setText(mContactList.get(position).getUserName());

return convertView;
    }

private static class ViewHolder {
        ImageView friendPic;
        TextView friendName;
    }
}

三、TV 版本中,ListView 首尾循环相接的方法:

  即,到了最后一个,再按向下键的时候,跳到第一个

  到了第一个,再按向上键的时候,跳到最后一个

@Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {

switch (keyCode) {
        case KeyEvent.KEYCODE_DPAD_DOWN:
            if (mOldPosition == mContactListAdapter.getCount() - 1) {
                mCallContactListContainer.setSelection(0);
            }
            break;
        case KeyEvent.KEYCODE_DPAD_UP:
            if (mOldPosition == 0) {
                mCallContactListContainer.setSelection(mContactListAdapter
                        .getCount() - 1);
            }
            break;
        }

return super.onKeyDown(keyCode, event);
    }

如果是触屏,涉及到滚动,就比较麻烦

四、 Adapter中自定义的方法  用来在Activity中,一个处于focus状态的item的position

public void setSelectItem(int position) {
        mSelectedPosition = position;
    }

Activity中,给ListView设置选中的Listener

mListView.setOnItemSelectedListener(new OnItemSelectedListener() {

@Override
                    public void onItemSelected(AdapterView<?> adapterView,
                            View view, int position, long arg3) {

mMyAdapter.setSelectItem(position);
                        mMyAdapter.notifyDataSetChanged();
                    }

@Override
                    public void onNothingSelected(AdapterView<?> arg0) {
                    }
});

两种布局的ListVIew Adapter。例如微信对话界面的更多相关文章

  1. RecyclerView添加两种布局

    简介: 本篇博客主要介绍如何在RecyclerView中添加两种布局 思路:主要重写Recyclerview.Adapter中的一些方法 1.public int getItemViewType(in ...

  2. Android 常用UI控件之TabHost(1)TabHost的两种布局方式

    TabHost是Android中的tab组件. TabHost布局文件的基本结构 TabHost下有个layout,这个layout中有TabWidget与FrameLayout.TabWidget是 ...

  3. Android中通过数组资源文件xml与适配器两种方式给ListView列表视图设置数据源

    场景 实现效果如下 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书.教程推送与免费下载. 实现 将布局改 ...

  4. 两种经典电商CSS布局

    圣杯布局和双飞翼布局! 两种布局功能相同,都是为了实现两端宽度固定,中间宽度自适应的三栏布局 圣杯布局: 三个区域都处于左浮动状态,并使main的宽度成父容器的100% 为两侧侧边栏添加负margin ...

  5. 七种CSS左侧固定,右侧自适应两栏布局

    一 两栏布局基本HTML和CSS 首先创建基本的HTML布局和最基本的样式. 基本的样式是,两个盒子相距20px, 左侧盒子宽120px,右侧盒子宽度自适应 <div class="w ...

  6. bootstrap的栅格布局与两列布局结合使用

    在工作中我们常常需要实现响应式布局,这个可以使用bootstrap的栅格系统来实现,我们在列里也需要实现一部分的响应式.比如下面的效果图,需要实现左边图标固定,右边的自适应 : 左边固定宽度,右边自适 ...

  7. TouTiao开源项目 分析笔记15 新闻详情之两种类型的实现

    1.预览效果 1.1.首先看一下需要实现的效果. 第一种,文字类型新闻. 第二种,图片类型新闻. 1.2.在NewsArticleTextViewBinder中设置了点击事件 RxView.click ...

  8. 实现顶部轮播,下部listview经典布局的两种方式

    开头: 在做android开发的时候,我们经常会遇到这样的布局,上面是一个图片轮播图,下面是一些列表的项目.很多新闻app,视频类app都采用这样的布局.起初的时候 由于没有很多参考,我自己想到了一种 ...

  9. ListView加载两种以上不同的布局

    不同的项目布局(item layout) Listview一种单一的item 布局有时候不能完全满足业务需求,我们需要加载两种或两种以上不同的布局,实现方法很简单: 重写 getViewTypeCou ...

随机推荐

  1. java导包

    下载响应的zip文件,就可以导入了,导入src目录也是可以的.

  2. NodeJS入门学习

    node.js 概念:是一个由c++编写的,本质上是一个javascript的运行环境,他可以让js代码运行在服务器端. node可以解析JS代码(没有浏览器安全级的限制) 提供系统级别的API: 1 ...

  3. 51nod 1202 线性dp

    http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1202 1202 子序列个数 题目来源: 福州大学 OJ 基准时间限制:1 ...

  4. 吐槽XE3中的BUG:无法调试32位的应用程序

    我想用的功能在XE5中有BUG, 无奈转移到XE3中测试,发现了XE3还有另外一个问题:无法DEBUG 32位的应用程序,这算什么事啊?有人说把项目属性中的link with dynamic RTL去 ...

  5. handsontable 给单元格自定义属性

    setHotAttr(hotObj,rowHeader,colHeader){// 给handsongtable绑定行列属性 console.log(hotObj); console.log(colH ...

  6. LeetCode Count Binary Substrings

    原题链接在这里:https://leetcode.com/problems/count-binary-substrings/description/ 题目: Give a string s, coun ...

  7. LeetCode Construct the Rectangle

    原题链接在这里:https://leetcode.com/problems/construct-the-rectangle/ 题目: For a web developer, it is very i ...

  8. 利用GPU实现翻页效果(分享自知乎网)

    https://zhuanlan.zhihu.com/p/28836892?utm_source=qq&utm_medium=social 首发于Runtime 写文章 利用GPU实现翻页效果 ...

  9. CentOS6.5 下MySQL傻瓜式安装

    为了为服务器上装mysql我先在虚拟机上练习了一下特此记录并分享; 注:参考文章https://www.cnblogs.com/xiaoluo501395377/archive/2013/04/07/ ...

  10. BZOJ1293:[SCOI2009]生日礼物

    浅谈队列:https://www.cnblogs.com/AKMer/p/10314965.html 题目传送门:https://lydsy.com/JudgeOnline/problem.php?i ...