ButterKnife中如何绑定头View和脚View

今天遇到了一个问题,给ListView添加HeaderView之后,如何通过ButterKnife绑定HeaderView(FooterView)这个问题,记录一下。

下面这个代码片段大家应该都很熟悉:

@BindView(R.id.lv)
    ListView lv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);

        lv.setAdapter(new BaseAdapter() {
            @Override
            public int getCount() {
                return 20;
            }

            @Override
            public Object getItem(int position) {
                return null;
            }

            @Override
            public long getItemId(int position) {
                return 0;
            }

            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, null);

                TextView tv_item = (TextView) convertView.findViewById(R.id.tv_item);
                tv_item.setText("Demo" + position);
                return convertView;
            }
        });
    }

执行效果:

ButterKnife中如何绑定头View和脚View_第1张图片

如果让你添加个头布局(脚布局),是不是so easy,两行代码搞定:

View headView = LayoutInflater.from(this).inflate(R.layout.headview, null);
lv.addHeaderView(headView);

ButterKnife中如何绑定头View和脚View_第2张图片

但是如果你想操作头布局里面的View怎么办?于是我就遇到问题了,在哪绑定头布局(脚布局),怎么绑定?解决办法如下:

首先,创建一个ViewHolder,把你要操作的View都在里面绑定:

class HeaderViewHolder {
        @BindView(R.id.tv_headerview)
        TextView tv_headerview;

        public HeaderViewHolder(View headerRootView) {
            ButterKnife.bind(this, headerRootView);
        }
    }

把头布局(脚布局传进来),获取ViewHolder实例就可以各种happy操作了:

 HeaderViewHolder headerViewHolder = new HeaderViewHolder(headView);
 headerViewHolder.tv_headerview.setText("我是改变后的文字");

ButterKnife中如何绑定头View和脚View_第3张图片

点击下载内含可直接运行Demo不要分

你可能感兴趣的:(第三方开源库使用)