ButterKnife

于 2021-07-26 14:35:04 发布
阅读量71 收藏 1
点赞数 2
文章标签： android java eclipse
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43875782/article/details/119039927
版权

ButterKnife

配置

app的build.gradle中添加依赖

implementation 'com.jakewharton:butterknife:10.2.3'
annotationProcessor 'com.jakewharton:butterknife-compiler:10.2.3'

初始化

在Activity的OnCreate()里面的setContentView(@LayoutRes int layoutResID)之后

ButterKnife.bind(this);

13个绑定资源

@BindView

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

java代码：

@BindView(R.id.tv)
TextView textView;

textView.setText("测试@BindView");

测试截图：
在这里插入图片描述

@BindViews

UI页面的 xml代码：

<TextView
    android:id="@+id/tv1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
<TextView
    android:id="@+id/tv2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
<TextView
    android:id="@+id/tv3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

java代码：

@BindViews({R.id.tv1,R.id.tv2,R.id.tv3})
List<TextView> textViews;

for(TextView textView:textViews){
    textView.setText("测试@BindViews："+textView.getId());
}

测试截图：
在这里插入图片描述

@BindString

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

资源文件的 xml代码：

<string name="app_name">ButterKnife</string>

java代码：

@BindView(R.id.tv)
TextView textView;

@BindString(R.string.app_name)
String string;

textView.setText(string);

测试截图：
在这里插入图片描述

@BindArray

UI页面的 xml代码：

<TextView
    android:id="@+id/tv1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
<TextView
    android:id="@+id/tv2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
<TextView
    android:id="@+id/tv3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

资源文件的 xml代码：

<array name="tv_array">
    <item>TextView1</item>
    <item>TextView2</item>
    <item>TextView3</item>
</array>

java代码：

@BindViews({R.id.tv1,R.id.tv2,R.id.tv3})
List<TextView> textViews;

@BindArray(R.array.tv_array)
String [] strings;

for(int i=0;i<strings.length;i++){
    textViews.get(i).setText(strings[i]);
}

测试截图：
在这里插入图片描述

@BindInt

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

资源文件的 xml代码：

<integer name="num">666</integer>

java代码：

@BindView(R.id.tv)
TextView textView;

@BindInt(R.integer.num)
int intNum;

textView.setText(""+intNum);

测试截图：
在这里插入图片描述

@BindFloat

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

资源文件的 xml代码：

<item name="float_num" type="dimen" format="float">5.5</item>

java代码：

@BindView(R.id.tv)
TextView textView;

@BindFloat(R.dimen.float_num)
float aFloat;

textView.setText(""+aFloat);

测试截图：
在这里插入图片描述

@BindBool

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

资源文件的 xml代码：

<bool name="tv_bool">true</bool>

java代码：

@BindView(R.id.tv)
TextView textView;

@BindBool(R.bool.tv_bool)
boolean aBoolean;

if (aBoolean){
    textView.setText("测试@BindBool");
}

测试截图：
在这里插入图片描述

@BindColor

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="测试@BindColor"/>

资源文件的 xml代码：

<color name="purple_200">#FFBB86FC</color>

java代码：

@BindView(R.id.tv)
TextView textView;

@BindColor(R.color.purple_200)
int color;

textView.setTextColor(color);

测试截图：
在这里插入图片描述

@BindDimen

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="测试@BindDimen"/>

资源文件的 xml代码：

<dimen name="text_size">30px</dimen>

java代码：

@BindView(R.id.tv)
TextView textView;

@BindDimen(R.dimen.text_size)
int anInt;

textView.setTextSize(anInt);

测试截图：
在这里插入图片描述

@BindFont

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="测试@BindFont"/>

java代码：

@BindView(R.id.tv)
TextView textView;

@BindFont(R.font.text_fond)
Typeface typeface;

textView.setTypeface(typeface);

字体资源文件（ttf文件）：
在这里插入图片描述
测试截图：
在这里插入图片描述

@BindDrawable

UI页面的 xml代码：

<ImageView
    android:id="@+id/image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

java代码：

@BindView(R.id.image)
ImageView imageView;

@BindDrawable(R.drawable.ic_launcher_background)
Drawable drawable;

imageView.setImageDrawable(drawable);

Drawable资源文件：
在这里插入图片描述
测试截图：
在这里插入图片描述

@BindBitmap

UI页面的 xml代码：

<ImageView
    android:id="@+id/image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

java代码：

@BindView(R.id.image)
ImageView imageView;

@BindBitmap(R.drawable.logo)
Bitmap loge;

imageView.setImageBitmap(loge);

Drawable资源文件：
在这里插入图片描述
测试截图：
在这里插入图片描述

@BindAnim

UI页面的 xml代码：

<ImageView
    android:id="@+id/image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

anim资源文件（anim_gif.xml）的 xml代码：

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromXDelta="0"
        android:toXDelta="320"
        android:fromYDelta="0"
        android:toYDelta="0"
        android:duration="2000"/>
</set>

java代码：

@BindView(R.id.image)
ImageView imageView;

@BindBitmap(R.drawable.logo)
Bitmap loge;

@BindAnim(R.anim.anim_gif)
Animation fadeIn;

imageView.setImageBitmap(loge);
imageView.setAnimation(fadeIn);

测试截图：
在这里插入图片描述
在这里插入图片描述

12个监听事件

@OnClick

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="测试@OnClick"/>

<Button
    android:id="@+id/btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="点击"/>

java代码：

@BindView(R.id.tv)
TextView textView;

@OnClick(R.id.btn)
void OnClick(){
    textView.setText("点击成功！");
}

测试截图：

在这里插入图片描述

@OnLongClick

上面代码加上如下java代码：

@OnLongClick(R.id.btn)
void OnLongClick(){
    textView.setText("长按成功！");
}

测试截图：
在这里插入图片描述

@OnTouch

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="测试@OnTouch"/>
<Button
    android:id="@+id/btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="点击"/>

java代码：

@BindView(R.id.tv)
TextView textView;

@OnTouch(R.id.btn)
boolean onTouch(MotionEvent motionEvent) {
    if (motionEvent.getAction() == MotionEvent.ACTION_DOWN) {
        textView.setText("按下");
    } else if (motionEvent.getAction() == MotionEvent.ACTION_UP) {
        textView.setText("松开");
    }
    return false;
}

测试截图：
在这里插入图片描述

@OnCheckedChanged

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="测试@OnCheckedChanged"/>
<RadioGroup
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <RadioButton
        android:id="@+id/rd1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="单选A"/>
    <RadioButton
        android:id="@+id/rd2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="单选B"/>
</RadioGroup>

java代码：

@BindView(R.id.tv)
TextView textView;

@OnCheckedChanged({R.id.rd1, R.id.rd2})
void onChecked(RadioButton radioButton, boolean checked) {
    if (checked) {
        switch (radioButton.getId()) {
            case R.id.rd1:
                textView.setText("选中A");
                break;
            case R.id.rd2:
                textView.setText("选中B");
        }
    }
}

测试截图：
在这里插入图片描述

@OnEditorAction

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="测试@OnEditorAction"/>
<EditText
    android:id="@+id/ed"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

java代码：

@BindView(R.id.tv)
TextView textView;

@BindView(R.id.ed)
EditText editText;

@OnEditorAction(R.id.ed)
boolean onEditorAction(KeyEvent key){
    textView.setText(editText.getText().toString());
    return true;
}

测试截图：
在这里插入图片描述

@OnTextChanged

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="测试@OnTextChanged"/>
<EditText
    android:id="@+id/ed"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

java代码：

@BindView(R.id.tv)
TextView textView;

@BindView(R.id.ed)
EditText editText;

@OnTextChanged(R.id.ed)
void onTextChanged(CharSequence text) {
    textView.setText(text.toString());
}

测试截图：
在这里插入图片描述

@OnFocusChange

UI页面的 xml代码：

<TextView
    android:id="@+id/tv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="测试@OnFocusChange"/>
<EditText
    android:id="@+id/ed"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="编辑框A"/>
<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="编辑框B"/>

java代码：

@BindView(R.id.tv)
TextView textView;

@BindView(R.id.ed)
EditText editText;

@OnFocusChange(R.id.ed)
void onFocusChanged(boolean focused) {
    if (focused)
        textView.setText("编辑框A获取焦点");
    else
        textView.setText("编辑框A失去焦点");
}

测试截图：
在这里插入图片描述

@OnItemClick

UI页面的 xml代码：

<TextView
android:id="@+id/tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="测试@OnItemClick"/>

<ListView
    android:id="@+id/lv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
</ListView>

Item的 xml代码：

<TextView
    android:id="@+id/item_tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

java代码：

@BindView(R.id.tv)
TextView textView;

private ListView listView;
private List<User> users;
private Context mContext;
private UserAdapter userAdapter=null;
private int sum=1;

void initData(){
    users=new ArrayList<>();
    users.add(new User("张三"));
    users.add(new User("李四"));
}
@OnItemClick(R.id.lv)
void onItemClick(int position) {
    textView.setText(sum+users.get(position).getName());
    sum++;
}

ButterKnife.bind(this);
mContext=MainActivity.this;
initData();
listView=findViewById(R.id.lv);
userAdapter=new UserAdapter(users,mContext);
listView.setAdapter(userAdapter);

package com.example.butterknife;

public class User {
    private String name;

    public User(String name) {
        this.name = name;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

package com.example.butterknife;

public class UserAdapter extends BaseAdapter {
    private List<User> users;
    private Context mContext;

    public UserAdapter(List<User> users, Context mContext) {
        this.users = users;
        this.mContext = mContext;
    }

    @Override
    public int getCount() {
        return users.size();
    }

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        convertView= LayoutInflater.from(mContext).inflate(R.layout.lv_item,parent,false);
        TextView textView = convertView.findViewById(R.id.item_tv);
        textView.setText(users.get(position).getName());
        return convertView;
    }
}

测试截图：
在这里插入图片描述

@OnItemLongClick

在上面代码中加入以下代码：

@OnItemLongClick(R.id.lv)
boolean onItemLongClick(int position) {
    textView.setText(users.get(position).getName());
    return true;
}

测试截图：
在这里插入图片描述

@OnItemSelected
@OnPageChange
@Optional
舞殤麟
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ButterKnife使用详解
pigdreams的博客
03-23 1万+
前言 ButterKnife是控件注入框架，可以帮助安卓开发者省去初始化控件的重复性工作，简单快捷地初始化布局文件中的控件，极大地提升开发效率。 项目地址-传送门。 导入ButterKnife至项目中 1.在工程的build.gradle中导入butterknife插件 buildscript { repositories { jcenter() ...
Butter Knife
u012005313的专栏
04-24 915
Butter Knife参考：Introduction：http://jakewharton.github.io/butterknife/ JakeWharton/butterknife：https://github.com/JakeWharton/butterknife 依赖注入框架AndroidAnnotations和ButterKnife真的方便了开发者？：https://www.zhih
ButterKnife（黄油刀）基本使用与源码解析
ai-exception的博客
07-22 4255
前言 ButterKnife又称黄油刀，是一款快速绑定Android视图中字段和方法的注解框架，也是Android开发中比较常用的一款快速注解框架，通过ButterKnife的合理运用，我们可以避免重复地书写findViewById，在各种场合下快速地绑定view中的多种事件,大大提高开发的效率，它具有如下几点主要的功能： 通过@BindView注解消除findViewById的使用 将多个v...
Butterknife系列一：史上最全的android中Butterknife的使用
章飞 _906285288的博客
06-01 1万+
史上最全的android中Butterknife的使用 提示： 博主：章飞 _906285288的博客 博客地址：http://blog.csdn.net/qq_29924041 Butterknife是什么？   是由国外一个大牛开源出来的一个项目，是为了用过注解的形式来在android中绑定view以及事件信息。 目前在github上面的开源地址为 ht...
Android Butterknife（黄油刀） 使用方法总结
热门推荐
Sahara_Savage
09-07 8万+
转载请标明出处：http://blog.csdn.net/donkor_/article/details/77879630 前言： ButterKnife是一个专注于Android系统的View注入框架,以前总是要写很多findViewById来找到View对象，有了ButterKnife可以很轻松的省去这些步骤。是大神JakeWharton的力作，目前使用很广。最重要的一点，使用Butter...
Butterknife
03-26
在Android开发中，`Butterknife`和`GsonFormat`是两个非常实用的工具，它们极大地提高了开发效率并简化了代码编写过程。本文将深入探讨这两个工具的功能、使用方法以及如何在Android Studio中安装和应用它们。 ### ...
butterknife 8.3.0
03-10
butterknife butterknife-annotations butterknife-compiler butterknife-gradle-plugin New: Support for Jack compiler in application projects. Fix: Generate ~20% less code and ~40% less methods. Fix: ...
butterknife
01-26
Butterknife是一款强大的Android开发工具库，由Jake Wharton开发，它通过注解的方式极大地简化了Android视图绑定和事件监听的代码。在传统的Android开发中，开发者通常需要手动为每个UI元素设置FindViewById方法来...
butterknife 8.1.0
03-10
butterknife butterknife-annotations butterknife-compiler New: Change the structure of generated view binders to optimize for performance and generated code. This should result in faster binding (not ...
手写ButterKnife
07-17
ButterKnife是一款由Jake Wharton开发的Android绑定库，它简化了在Android应用中处理视图的操作，使得开发者可以避免大量的findViewById()调用，提高了代码的可读性和可维护性。"手写ButterKnife"这个主题指的是尝试...
butterknife 8.0.0
03-10
butterknife butterknife-annotations butterknife-compiler @Bind becomes @BindView and @BindViews (one view and multiple views, respectively). Calls to bind now return an Unbinder instance which can ...
butterknife.rar
09-09
Butterknife是一款非常流行的Android绑定库，由Jake Wharton开发，它简化了UI视图的查找和事件处理，使得开发者可以避免大量冗余的findViewById()调用和设置监听器的代码。本文将深入探讨如何手写Butterknife，并...
ButterKnife 原理简单实现
最新发布
09-18
ButterKnife是一款由Jake Wharton开发的Android绑定库，它简化了在Android应用中将UI元素绑定到Java或Kotlin代码的过程。通过注解处理器，ButterKnife在编译时生成了视图查找和事件处理的代码，避免了在活动中手动...
ButterKnife集成
04-05
### ButterKnife集成详解 #### 一、ButterKnife简介 ButterKnife是一款由Jake Wharton开发的Android视图绑定框架，可以极大地简化Android应用中的UI组件绑定操作。它通过注解处理器自动生成绑定代码，从而避免了...
ButterKnife的常用方法
talentclass_ctt的博客
07-23 2969
今天写这篇文章的灵感是从之前写的 Android开发之用Bmob实现短信验证码功能 来的，记得当时看官方给的demo时，我注意到没有一大堆findViewById()的东西，而是在变量声明的时候加上注解，如： @InjectView(R.id.tv_title) TextView tv_title; 感觉这样很方便，就学习一下，以后写项目的时候也好用上。butterknife是一个支持Vi
Butter Knife 使用方法
李小冰的博客
10-13 3万+
Butter Knife , Android 视图中field和方法的绑定带有“@Bind(R.id.xxx)” Butter Knife注解的域（或者叫字段）,Butter Knife 会自动在布局中查找相应的视图。1.Activity中的绑定class ExampleActivity extends Activity { @Bind(R.id.title) TextView title;
Android之ButterKnife用法详解
好奇宝宝的博客
03-08 1109
相信很多开发Android的小伙伴，都厌倦了findViewById()，都是基本重复的操作，所以我们可以使用依赖注入框架来偷懒。目前，用的较多的两种大概是ButterKnife和dagger，英文译为黄油刀和匕首，听名字就很酷。 **今天我们来说一说ButterKnife的用法，以及如何封结合ButterKnife打造一个比较能偷懒的BaseActivity**ButterKnife是Square
ButterKnife基本使用
weixin_34162695的博客
06-23 190
ButterKnife基本使用 Butter Knife处理字段和方法绑定.   重要更新: 目前(2016.4.29), ButterKnife的最新版本是8.0.1. Demo项目已更新: https://github.com/mengdd/AndroidButterKnifeSample 以下原文是针对ButterKnife v6.1.0的, v8.0.1主要的不同在以下几个关...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值