Android:Chip、ChipGroups、ChipDrawable

最新推荐文章于 2023-12-06 15:26:09 发布
最新推荐文章于 2023-12-06 15:26:09 发布
阅读量7.7k 收藏 14
点赞数 1
分类专栏： Android 文章标签： chip 流式标签 流式布局 ChipGroup ChipDrawable
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/north1989/article/details/81878653
版权

文中完整代码下载地址：https://github.com/CnPeng/CnPengAndroid2.git
文中内容对应上述地址中的 a01_chips 目录

此外，文中DEMO是基于 AndroidStudio 3.2 Beta 5 版本构建的。gradle 中 compileSdkVersion 28 ， targetSdkVersion 28

一、Chip相关组件的作用及如何导包

1、Chip相关组件的作用

如上图，这种界面我们通常称之为 流式布局标签。

最早实现这种界面的时候，基本都是自定义一个继承自ViewGroup的控件，然后在Java代码中动态的add 一个个的TextView；

后来有了 RecyclerView , 我们实现这种界面就比较方便了；

现在谷歌为我们提供了 Chip、ChipGroup、ChipDrawable ，有了这三者， 我们实现这种界面就更加方便了！

2、引入material兼容包

使用Chip时需要先引入兼容包，可分为两种情况， 一种是新建项目；一种是在现有的项目中引入 Chip.

（1）、新建的项目
  • 引入兼容包
implementation 'com.google.android.material:material:1.0.0-rc01'
  • 应用 MaterialComponents 主题
    为 activity 或者 APP 应用 MaterialComponents 主题（也可以是该主题的子主题）。如：
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="chipIconTint">@color/chipIconTint</item>
</style>
（2）、现有的项目
  • 先移除 module 的 build.gradle 中的
    implementation 'com.android.support:xxx' ,
  • 在module 的 build.gradle 中增加 implementation 'com.google.android.material:material:1.0.0-rc01',
  • 修改module的build.gradle中的 compileSdkVersion为 28 ， targetSdkVersion为 28
  • 从 AndroidManifest.xml 中修改 application 的 theme 为Theme.MaterialComponents或该 主题的子主题（此处没想明白，为啥单纯为chip所在activity应用该主题不行；新建的项目中，可以单纯的给activity设置主题）
  • 修改 project 的 build.gralde 中的 gradle版本为不低于3.2.0 的版本 ，如
buildscript {
    ......
    dependencies {
        classpath 'com.android.tools.build:gradle:3.2.0-beta05'
        ......
    }
}
  • 然后在 AndroidStuido 菜单栏中依次点击：Refactor > MigrateToAndroidX（上一步修改gradle版本就是为了这个转换，）
  • 最后，手动修改 上一步中转换失败的文件(这个可能会比较费时间)

补充
* 为什么弃用support而启用androidX——https://android-developers.googleblog.com/2018/05/hello-world-androidx.html
* support-library和 androix-library的对应关系——https://developer.android.com/topic/libraries/support-library/refactor

二、Chip的分类及其特性

1、Chip的分类

注意：以下类别中，特点描述都是基于只设置 text 和 style 不设置其他属性时总结的

根据Chip使用的 style ，可以将其分为以下四类：

（1）、Action chip
  • 使用 style="@style/Widget.MaterialComponents.Chip.Action"
  • 不设置style时，默认使用上述style
  • 默认前后图标都不展示，点击后没有选中状态
    <com.google.android.material.chip.Chip
        style="@style/Widget.MaterialComponents.Chip.Action"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="ActionChip" />

    <!--展示效果同上面的一致-->
    <com.google.android.material.chip.Chip
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是一个单一的chip" />
（2）、Filter Chip
  • 使用 style="@style/Widget.MaterialComponents.Chip.Filter"
  • 初始状态下， 不展示前后图标
  • 点击之后会展示前面的选中图标，并且具有选中状态
  • 通常应用在 ChipGroup 中
<com.google.android.material.chip.Chip
        style="@style/Widget.MaterialComponents.Chip.Filter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="FilterChip01" />
(3)、Entry Chip
  • 使用style="@style/Widget.MaterialComponents.Chip.Entry"
  • 默认在末尾展示删除按钮；点击后前面展示选中图标，有选中状态
  • 通常可以作为 chipDrawable 使用，比如在填选邮件收件人时可以使用
    <com.google.android.material.chip.Chip
        style="@style/Widget.MaterialComponents.Chip.Entry"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="EntryChip " />
(4)、Choice Chip
  • 默认不展示前后的图标，但点击后有选中状态
  • 通常用在 ChipGroup 中 , 通过 ChipGroup 的 singleSelection=true/false 属性可以实现单选或多选
    <com.google.android.material.chip.Chip
        style="@style/Widget.MaterialComponents.Chip.Choice"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="ChoiceChip" />

2、各种Chip的默认效果图

三、Chip的属性

1、Chip 的属性

类别属性名称具体作用
Shapeapp:chipCornerRadius圆角半径
Sizeapp:chipMinHeight最小高度
Backgroundapp:chipBackgroundColor背景颜色
Borderapp:chipStrokeColor边线颜色
Borderapp:chipStrokeWidth边线宽度
Rippleapp:rippleColor水波纹效果的颜色
Labelandroid:text文本内容
Labelandroid:textColor修改文本颜色
Labelandroid:textAppearance字体样式
Chip Iconapp:chipIconVisible前面的图标是否展示
Chip Iconapp:chipIconchip中文字前面的图标
Chip Iconapp:chipIconTint文字前面的图标着色
Chip Iconapp:chipIconSizechip中文字前面的图标
Close Iconapp:closeIconVisiblechip中文字后面的关闭按钮是否可见
Close Iconapp:closeIconchip中文字后面的关闭图标
Close Iconapp:closeIconSize文字后面的关闭图标的大小
Close Iconapp:closeIconTint文字后面的着色
Checkableapp:checkable是否可以被选中
Checked Iconapp:checkedIconVisible选中状态的图标是否可见
Checked Iconapp:checkedIcon选中状态的图标
Motionapp:showMotionSpec动效？
Motionapp:hideMotionSpec动效？
Paddingsapp:chipStartPaddingchip左边距
Paddingsapp:chipEndPaddingchip右边距
Paddingsapp:iconStartPaddingchipIcon的左边距
Paddingsapp:iconEndPaddingchipIcon的右边距
Paddingsapp:textStartPadding文本左边距
Paddingsapp:textEndPadding文本右边距
Paddingsapp:closeIconStartPadding关闭按钮的做左边距
Paddingsapp:closeIconEndPadding关闭按钮的右边距

2、Chip 属性间的关系图


上图来自于：ChipDrawable文档 https://developer.android.com/reference/com/google/android/material/chip/ChipDrawable?hl=zh-cn

四、Chip的监听

（1）、setOnClickListener

点击事件的监听。

  • Kotlin版示例代码：
//使用了 kotlinx , 所以不需要 fingViewById。
chip_normal1.setOnClickListener {
      Toast.makeText(mActivity, "Chip被点击了", Toast.LENGTH_SHORT).show()
}
  • java版代码
Chip chip_normal=findViewById(R.id.chip_normal1);
chip_normal.setOnClickListener(new OnClickListener(){
      @Override
      public void onClick(View view){
              Toast.makeText(mActivity, "Chip被点击了", Toast.LENGTH_SHORT).show()
      }
});

（2）、setOnCheckedChangeListener

选中状态的监听。

注意：
* 只有 checkable 属性为true 时该监听才会生效
* 未设置 checkable 属性时，如果应用了 filter/entry/choice 的style , 该监听可生效，因为这三种style 中 checkable 的值为true。而 ation 的 style 中 checkable 是默认关闭的

  • Kotlin版代码
chip_filter.setOnCheckedChangeListener { buttonView, isChecked ->
    var hintStr = ""
    if (isChecked) {
            hintStr = "被选中了"
    } else {
            hintStr = "取消选中了"
    }
    Toast.makeText(mActivity, hintStr, Toast.LENGTH_SHORT).show()
 }
  • java版代码
Chip chip = (Chip) findViewById(R.id.chip_filter);

chip.setOnCheckedChangeListener(new setOnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(CompoundButton view, boolean isChecked) {
        String hintStr = ""
        if (isChecked) {
                hintStr = "被选中了"
        } else {
                hintStr = "取消选中了"
        }
        Toast.makeText(mActivity, hintStr, Toast.LENGTH_SHORT).show()
    }
});

（3）、setOnCloseIconClickListener

关闭按钮被点击的监听

1)、示例代码
  • Kotlin版代码
//关闭按钮的点击监听——closeIcon 没有id，所以必须需要构造匿名监听
chip_entry.setOnCloseIconClickListener {
    Toast.makeText(mActivity, "ClostIcon被点击了", Toast.LENGTH_SHORT).show()
}
  • java 版代码
Chip chip = (Chip) findViewById(R.id.chip_entry);

chip.setOnCloseIconClickListener(new OnClickListener() {
    @Override
    public void onClick(View view) {
        Toast.makeText(mActivity, "ClostIcon被点击了", Toast.LENGTH_SHORT).show()
    }
});
2）、注意事项

假设我们让Chip所在的界面 实现了 onClickListener ，那么，为chip 设置点击监听时就可以直接调用 chip.setOnClickListener(this)。但是，如果此时也需要监听 CloseIcon 的点击事件，我们必须单独为 CloseIcon 构造一个匿名监听——因为：

CloseIcon 是直接通过画笔画出来的，没有id。在处理点击事件时，Chip的源码中实际是监听了触摸事件，根据触摸的位置判断 CloseIcon是否被点击了。相关源码如下：

  • setCloseIcon 的源码
 public void setCloseIcon(@Nullable Drawable closeIcon) {
        Drawable oldCloseIcon = this.getCloseIcon();
        if (oldCloseIcon != closeIcon) {
            float oldCloseIconWidth = this.calculateCloseIconWidth();
            this.closeIcon = closeIcon != null ? DrawableCompat.wrap(closeIcon).mutate() : null;
            float newCloseIconWidth = this.calculateCloseIconWidth();
            this.unapplyChildDrawable(oldCloseIcon);
            if (this.showsCloseIcon()) {
                this.applyChildDrawable(this.closeIcon);
            }

            this.invalidateSelf();
            if (oldCloseIconWidth != newCloseIconWidth) {
                this.onSizeChange();
            }
        }
    }
  • Chip 中 CloseIcon 点击事件的源码
    public boolean onTouchEvent(MotionEvent event) {
        boolean handled = false;
        int action = event.getActionMasked();
        boolean eventInCloseIcon = this.getCloseIconTouchBounds().contains(event.getX(), event.getY());
        switch(action) {
        case 0:
            if (eventInCloseIcon) {
                this.setCloseIconPressed(true);
                handled = true;
            }
            break;
        case 1:
            if (this.closeIconPressed) {
                this.performCloseIconClick();
                handled = true;
            }
        case 3:
            this.setCloseIconPressed(false);
            break;
        case 2:
            if (this.closeIconPressed) {
                if (!eventInCloseIcon) {
                    this.setCloseIconPressed(false);
                }

                handled = true;
            }
        }

        return handled || super.onTouchEvent(event);
    }

五、ChipGroup

与 RadioGroup 类似，ChipGroup 是用来管理多个Chip的 ，可以控制多个 chip 的布局方式以及事件。

1、ChipGroup的特点

使用 ChipGroup 可以方便的实现 流式布局效果。其特点如下：
* 默认情况下， ChipGroup 中的 chip 会横向排列，当超过一行时会执行换行操作。
* 如果我们不想让 Chip 换行，那么为 ChipGroup 设置 app:singleLine=true，如果 Chip 会超过一行，则在外层包裹 HorizontalScrollView
* 只有当其中包裹的 Chip 是 checkable=true 时，才具有选中效果

2、ChipGroup的属性

属性名称作用示例
app:checkedChip初始选中的chipapp:checkedChip=”@id/chipInGroup2_1”
app:chipSpacingChip间的间距app:chipSpacing=”25dp”
app:chipSpacingHorizontalChip间的水平间距app:chipSpacingHorizontal=”35dp”
app:chipSpacingVerticalChip间的垂直间距app:chipSpacingVertical=”10dp”
app:singleLine是否开启单行模式app:singleLine=”true”
app:singleSelection是否开启单选模式app:singleSelection=”true”

注意：
* 如果 singLine=false, app:chipSpacing 会同时控制Chips间的水平和垂直的间距
* 如果 singLine=true, app:chipSpacing 控制的是Chips之间的水平间距
* 如果设置了 chipSpacing ，也设置了 chipSpacingHorizontal / chipSpacingVertical 则 chipSpacing 的值会被覆盖

3、ChipGroup的基本使用示例

(1)、效果图

（2）、示例代码
<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="3、ChipGroup的使用——多行，多选" />

    <!--ChipGroup 默认状态，会换行，可多选-->
    <com.google.android.material.chip.ChipGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        app:chipSpacing="25dp"
        app:chipSpacingHorizontal="35dp"
        app:chipSpacingVertical="10dp">

        <com.google.android.material.chip.Chip
            android:id="@+id/chipInGroup1"
            style="@style/Widget.MaterialComponents.Chip.Filter"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="chipInGroup1"
            android:textAppearance="?android:textAppearanceMedium" />

        <com.google.android.material.chip.Chip
            android:id="@+id/chipInGroup2"
            style="@style/Widget.MaterialComponents.Chip.Filter"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="chipInGroup2"
            android:textAppearance="?android:textAppearanceMedium" />

        <com.google.android.material.chip.Chip
            android:id="@+id/chipInGroup3"
            style="@style/Widget.MaterialComponents.Chip.Filter"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="chipInGroup3"
            android:textAppearance="?android:textAppearanceMedium" />

    </com.google.android.material.chip.ChipGroup>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="4、ChipGroup的使用——单行、单选" />

    <!--ChipGroup 不换行，单选-->
    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <com.google.android.material.chip.ChipGroup
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            app:checkedChip="@id/chipInGroup2_1"
            app:chipSpacing="25dp"
            app:singleLine="true"
            app:singleSelection="true">

            <com.google.android.material.chip.Chip
                android:id="@+id/chipInGroup2_1"
                style="@style/Widget.MaterialComponents.Chip.Filter"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="chipInGroup2——1"
                android:textAppearance="?android:textAppearanceMedium" />

            <com.google.android.material.chip.Chip
                android:id="@+id/chipInGroup2_2"
                style="@style/Widget.MaterialComponents.Chip.Filter"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="chipInGroup2——2"
                android:textAppearance="?android:textAppearanceMedium" />

            <com.google.android.material.chip.Chip
                android:id="@+id/chipInGroup2_3"
                style="@style/Widget.MaterialComponents.Chip.Filter"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="chipInGroup2——3"
                android:textAppearance="?android:textAppearanceMedium" />

        </com.google.android.material.chip.ChipGroup>
    </HorizontalScrollView>

4、事件监听

(1)、setOnCheckedChangeListener

选中监听。
注意：只有 singleSelction=true 时，该监听才有效。

  • Kotlin版代码
 //ChipGroup中设置选中监听-- 只有单选的chipGroup才可以使用
        chipGroup2.setOnCheckedChangeListener { chipGroup, selectedId ->
            var hintStr = ""
            when (selectedId) {
                R.id.chipInGroup2_1 -> hintStr = "被选中的是 chipInGroup2_1 "
                R.id.chipInGroup2_2 -> hintStr = "被选中的是 chipInGroup2_2 "
                R.id.chipInGroup2_3 -> hintStr = "被选中的是 chipInGroup2_3 "
                else -> hintStr = "没有选中任何chip"
            }
            Toast.makeText(mActivity, hintStr, Toast.LENGTH_SHORT).show()
        }
  • java 版代码
ChipGroup chipGroup = (ChipGroup) findViewById(R.id.chipGroup2);

chipGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(ChipGroup group, @IdRes int checkedId) {
         String hintStr=" ";
         switch(checkedId){
                case R.id.chipInGroup2_1:
                      hintStr = "被选中的是 chipInGroup2_1 ";
                      break;
                case R.id.chipInGroup2_2 :
                      hintStr = "被选中的是 chipInGroup2_2 ";
                      break;
                case R.id.chipInGroup2_3:
                      hintStr = "被选中的是 chipInGroup2_3 ";
                      break;
                default:
                      hintStr = "没有选中任何chip";
                      break;
        }
        Toast.makeText(mActivity, hintStr, Toast.LENGTH_SHORT).show()
    }
});
(2)、getCheckedChipId( )

获取被选中的 ChipId
注意：只有 singleSelction=true 时，该方法才有效。

示例代码省略。

六、ChipDrawable

继承自 Drawable。

1、xml 中定义ChipDrawable

注意事项：
* 必须在 res 目录下新建 xml 文件夹，在 xml 文件夹下创建 .xml 文件，其他文件夹下创建会报错
* xml 中以 开头
* chip 节点中可以使用 Chip 的全部属性。
* xml 中定义的 默认是 Entry 样式的，我们也可以根据需要更换成 filter/Action/Choice

  • res/xml/standalone_chip.xml
<chip
    xmlns:app="http://schemas.android.com/apk/res-auto"
    app:chipIcon="@drawable/ic_avatar_circle_24"
    android:text="@string/hello_world"/>
  • ChipActivity.kt 中应用
//直接以 Span的形式将 chipDrawable 加入到 EditText中，这样看着很好，但是，ChipDrawable 中clos额Icon的点击事件没法实现啊
bt_applyChip.setOnClickListener { view ->
    val chipDrawable = ChipDrawable.createFromResource(mActivity, R.xml.chip_drawable_1)
    val text = editText.text
    val newInputText = text.substring(mPreSelectionEnd, text.length)
    chipDrawable.setText(newInputText)
    chipDrawable.setBounds(0, 0, chipDrawable.intrinsicWidth, chipDrawable.intrinsicHeight)
    val span = ImageSpan(chipDrawable)
    text.setSpan(span, mPreSelectionEnd, text.length, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
    editText.setOnKeyListener(this)
    mPreSelectionEnd = text.length
}

七、补充：

1、关于 textApperence

android:textAppearance 设置文字外观。如“ ?android:attr/textAppearanceLargeInverse
”这里引用的是系统自带的一个外观，？表示系统是否有这种外观，否，则使用默认的外观。可设置的值如下：
* textAppearanceButton
* textAppearanceInverse
* textAppearanceLarge
* textAppearanceLargeInverse
* textAppearanceMedium
* textAppearanceMediumInverse
* textAppearanceSmall
* textAppearanceSmallInverse

2、MotionSpec

https://developer.android.com/reference/com/google/android/material/animation/MotionSpec?hl=zh-cn

八、 参考：

官方：
https://developer.android.com/reference/com/google/android/material/chip/Chip?hl=zh-cn

https://developer.android.com/reference/com/google/android/material/chip/ChipGroup#addview

含示例代码
https://material.io/develop/android/components/chip/

https://medium.com/material-design-in-action/chips-material-components-for-android-46001664a40f

其他Chip的实现
https://stackoverflow.com/questions/36563739/chips-component-in-android-support-library

引入支持库的参考：
https://stackoverflow.com/questions/50289355/google-material-design-library-error-program-type-already-present-android-suppo

同步更新到下列网站：
* 我的简书
* 我的公众号CnPeng，扫描下方二维码可快速添加关注！

这里写图片描述

CnPeng
关注
专栏目录
Android控件全解手册 - 一篇文Chip和ChipGroup全了
空名先生
06-30 3670
专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等） --- Chip和ChipGroup
Super-CHIP8-Android:适用于 Android 的超级 CHIP8 模拟器
07-04
Super-CHIP8-Android 适用于 Android 的超级 CHIP8 模拟器 必需的： Gradle 2.2.1 Android SDK 构建工具 21.1.2 Android SDK 21 和 19 建造： ./gradlew build
Android修行手册 - ChipGroup
空名先生
05-29 6763
往期文章分享 点击跳转=>《导航贴》- Unity手册，系统实战学习 点击跳转=>《导航贴》- Android手册，重温移动开发 本文约12千字，新手阅读需要35分钟，复习需要16分钟 【收藏随时查阅不再迷路】 👉关于作者 众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣 ！！！ 专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、.
Android Chips(标签)
帅次的博客
12-06 651
一、流式布局标签发展历程第一阶段：实现这种界面的时候，基本都是自定义一个控件，然后在Java代码中动态的 添加 一个个的TextView，还需要计算布局宽度/高度，进行换行等等处理，蛮复杂的;第二阶段：使用 RecyclerView，我们实现这种界面就比较方便了;第三阶段：谷歌为我们提供了 Chip、ChipGroup、ChipDrawable，有了这三者，我们实现这种界面就更加方便了。二、类型及使用Chip的所有类型都是可点击的，根据选中效果有四种类型。
Android 第四十章 ChipGroup
最新发布
weixin_43969550的博客
12-06 264
Chip 简单使用
Android---Chip
qq_44950283的博客
01-10 1632
快速了解 Chip 的使用和属性，掌握 Chip 的四种基本样式以及效果。了解 Chip 在 ChipGroup 中的使用，实现流式布局，了解 ChipGroup 的属性。
CHANCE-HT:ChIP-seq 数据预处理软件-开源
05-29
CHANCE-HT 是一种 ChIP-seq 预处理软件，可过滤 IP 强度较弱的样本，识别严重偏向的对照实验和测序样本不足，检测批次效应，并对大型 ChIP-seq 数据集进行归一化。 CHANCE-HT 使用并行处理方法来规范化和过滤大量 ...
chip8-emu:Chip8仿真器
05-04
** Chip8 模拟器详解 ** Chip8是一种古老的编程语言，主要用于8位微处理器，如康懋达Commodore 64等复古计算机。它设计简单，方便初学者理解计算机工作原理。在这个项目中，我们将关注的是用JavaScript实现的Chip8...
Chip8：Chip 8解释器仿真器
02-05
这是一个Java WIP Chip8解释器/仿真器，主要用作教育练习 已实施的内容： 我对模拟器和解释器的体系结构的基本方法。 ROM加载器。 可以看到东西的旋转窗（喔！） 键盘输入 CPU堆栈，堆栈指针，寄存器和用于提取...
chip8:CHIP-8仿真器
05-05
CHIP-8是一种低级编程语言，它被设计用于在8位微处理器上运行，主要用于教育和游戏开发。这个“chip8: CHIP-8仿真器”项目是基于JavaScript和HTML5 Canvas技术实现的一个模拟器，允许用户在现代浏览器环境中运行那些...
Android代码-android-chips
08-07
Android Chips Edit Text This is a simple library based on Google's internal chips library and updated to have visuals reflecting the newly released "Material Design" standard as seen here. Usage is extremely simple: // creates an autocomplete for phone number contacts final RecipientEditTextView phoneRetv = (RecipientEditTextView) findViewById(R.id.phone_retv); phoneRetv.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer()); BaseRecipientAdapter baseRecipientAdapter = new BaseRec
chips-android, 用于android的芯片EditText部件.zip
09-18
chips-android, 用于android的芯片EditText部件 EyeEm中的芯片库EyeEm风格气泡( a.k.a 芯片) 。[ ] [ ]用法你可以使用以下两个主要小部件：ChipsEditText 用于可以编辑文本和带有可选 AutocompletePopover的气泡
Android-ChipsLibrary-在AndroidEditText中实现打Tag功能
08-12
ChipsLibrary - 在Android EditText中实现打Tag功能
Android-ChipView一个MaterialDesign风格的Chip视图库
08-13
ChipView：一个Material Design风格的Chip视图库
chips cope_Android P：Chips and ChipGroup
从零开始的教程世界
07-16 914
chips copeIn this tutorial, we’ll be discussing the latest components that are a part of the new Material Design Library: Chips and Chip Groups. We’ll be implementing them in our android application. ...
Android 多扩展布局ChipGroup使用
yangjunjin的博客
08-13 5786
1、布局 <com.google.android.material.chip.ChipGroup android:id="@+id/chipGroup1" android:layout_width="match_parent" android:layout_height="wrap_content" ...
android 字符串扩展,Android 多扩展布局ChipGroup使用
weixin_33670640的博客
05-25 485
/*** 添加表情** @param chipGroup*/private void addTag(ChipGroup chipGroup) {// chipGroup.removeAllViews();ListhotTagList = new ArrayList<>();hotTagList.add("发的");hotTagList.add("hh");hotTagLi...
Android修行手册 - Chip监听和ChipGroup监听
空名先生
05-29 5545
往期文章分享 点击跳转=>《导航贴》- Unity手册，系统实战学习 点击跳转=>《导航贴》- Android手册，重温移动开发 本文约5.8千字，新手阅读需要11分钟，复习需要4分钟 【收藏随时查阅不再迷路】 👉关于作者 众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣 ！！！ 专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、.
Android修行手册 -初识Chip
空名先生
05-03 8137
本文约5.01千字，新手阅读需要6分钟，复习需要3分钟 【收藏随时查阅不再迷路】 👉关于作者 众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣 ！！！ 专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等） 有什么需要欢迎私我，交流群让学习不再孤单。 👉前提 这是小空坚持写的Android新手向系列，欢迎品尝。 大佬（×） 新手.
JUTZE AOI编程指南：Chip料制作参数设定与检查逻辑
"Chip料制作—参数设定Missing-JUTZE编程指南" JUTZE AOI (自动光学检测) 是一种先进的质量控制技术，用于检查电子组装中的缺陷，如元件缺失、焊接不良等。在"Chip料制作—参数设定Missing"这个主题中，我们关注的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CnPeng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值