Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Material Chip view. Can be used as tags for categories, contacts or creating text clouds

Notifications You must be signed in to change notification settings

JYPJSY/materialChipView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

48 Commits

Repository files navigation

Material Chip View

Material Chip view. Can be used as tags for categories, contacts or creating text clouds.

Android Arsenal API Download

Setup

Gradle:

Add following line of code to your module(app) level gradle file

 implementation 'com.robertlevonyan.view:MaterialChipView:1.1.3'

Maven:

 <dependency>
 <groupId>com.robertlevonyan.view</groupId>
 <artifactId>MaterialChipView</artifactId>
 <version>1.1.3</version>
 <type>pom</type>
 </dependency>

Usage

 <com.robertlevonyan.views.chip.Chip
 android:id="@+id/chip"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:mcv_chipText="@string/customTitle" />

alt text

Cutomizing Chip

 app:mcv_closable="true"

alt text

 app:mcv_selectable="true"

alt text

 app:mcv_hasIcon="true"
 app:mcv_chipIcon="@drawable/customIcon"

alt text

 app:mcv_hasIcon="true"
 app:mcv_chipIcon="@drawable/customIcon"
 app:mcv_closable="true"

alt text

 app:mcv_backgroundColor="@color/customChipBackgroundColor"
 app:mcv_closeColor="@color/customCloseIconColor"
 app:mcv_selectedBackgroundColor="@color/customSelectedChipColor"
 app:mcv_textColor="@color/customTitleColor"
alt text alt text

Attributes

Custom Atributes Description
app:mcv_chipText Text label of Chip
app:mcv_textColor Custom color for text label
app:mcv_backgroundColor Custom background color
app:mcv_selectedBackgroundColor Custom background color when selected
app:mcv_hasIcon Chip with icon
app:mcv_chipIcon Icon resource for Chip
app:mcv_closable Chip with close button
app:mcv_closeColor Custom color for close button
app:mcv_selectable Chip with selection button
app:mcv_selectedTextColor Custom color for label when selected
app:mcv_cornerRadius Change the corner radius of your Chip
app:mcv_strokeSize Add stroke to your Chip
app:mcv_strokeColor Choose a custom stroke color for your Chip
app:mcv_iconText Instead of an image create icon from String
app:mcv_iconTextColor Select a color for your String icon
app:mcv_iconTextBackgroundColor Select a background color for String icon

Setting Listeners

 Chip chip = (Chip) findViewById(R.id.chip);

Chip click listener

 chip.setOnChipClickListener(new OnChipClickListener() {
 @Override
 public void onChipClick(View v) {
 //Your action here...
 }
 });

On Close button click listener

 chip.setOnCloseClickListener(new OnCloseClickListener() {
 @Override
 public void onCloseClick(View v) {
 //Your action here...
 }
 });

On Icon click listener

 chip.setOnIconClickListener(new OnIconClickListener() {
 @Override
 public void onIconClick(View v) {
 //Your action here...
 }
 });

On Select button click listener

 chip.setOnSelectClickListener(new OnSelectClickListener() {
 @Override
 public void onSelectClick(View v, boolean selected) {
 //Your action here...
 }
 });

Customizing Chip from Java

 chip.setChipText(); // Set Chip label
 chip.setTextColor(); // Set Chip label color
 chip.changeBackgroundColor(); //Set custom background color
 chip.changeSelectedBackgroundColor(); //Set custom background color when selected
 chip.setHasIcon(); //Set chip has icon
 chip.setChipIcon(); //Set Icon Drawable for Chip
 chip.setClosable(); //Set Chip has close button
 chip.setCloseColor(); //Set custom color for close button
 chip.setSelectable(); //Set Chip has selection button
 chip.setClicked(); // Set Chip as clicked
 chip.setSelected(); // Set Chip selected
 chip.setSelectedTextColor(); //Set custom color for label when selected
 chip.setSelectedCloseColor(); //Set custom color for close button when selected
 chip.setCornerRadius(); // Set corner radius of your Chip
 chip.setStrokeSize(); // Set width of stroke
 chip.setStrokeColor(); // Set stroke color for your Chip
 chip.setIconText(); // Set Chip icon text, text color and background color

Versions

1.1.3

Selection option added

1.1.2

Icon text issue fixed

1.1.1

Updated version of Material Chip View: - the attribute names are changed to escape conflicts with other libs - added new features like customizable corner radius and stroke - recreation issue fixed for post Lollipop versions

1.0.1

Recreation issues are fixed

1.0.0

First version of library

Contact

Pull requests are more than welcome.

Licence

 Material Chip View©
 Copyright 2017 Robert Levonyan
 Url: https://github.com/robertlevonyan/materialChipView
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
 http://www.apache.org/licenses/LICENSE-2.0
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.

About

Material Chip view. Can be used as tags for categories, contacts or creating text clouds

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 100.0%

AltStyle によって変換されたページ (->オリジナル) /