Material Chip View
Port of MaterialChipView for Xamarin.Android
Material Chip View can be used as tags for categories, contacts or creating text clouds.
Setup
NuGet:
Install-Package MaterialChipView
Usage
<MaterialChipView.Chip
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:mcv_chipText="Chip Sample" />
Cutomizing Chip
app:mcv_closable="true"
app:mcv_selectable="true" |
 |
|---|
app:mcv_hasIcon="true"
app:mcv_chipIcon="@drawable/customIcon"
app:mcv_backgroundColor="@color/customChipBackgroundColor"
app:mcv_closeColor="@color/customCloseIconColor"
app:mcv_selectedBackgroundColor="@color/customSelectedChipColor"
app:mcv_textColor="@color/customTitleColor" |
 |
|---|
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 Handlers
Chip chip = FindViewById<Chip>(Resource.Id.chip);Chip click handler
chip.Click += (sender, args) => {
// Your action here...
};On Close button click handler
chip.Close += (sender, args) => {
// Your action here...
};On Icon click handler
chip.IconClick += (sender, args) => {
// Your action here...
};On Select button click handler
chip.Select += (sender, args) => {
// Your action here...
};Customizing Chip from C#
chip.ChipText // Chip label
chip.TextColor // Chip label color
chip.BackgroundColor // Custom background color
chip.SelectedBackgroundColor // Custom background color when selected
chip.HasIcon // Chip has icon
chip.ChipIcon // Icon Drawable for Chip
chip.Closable // Chip has close button
chip.CloseColor // Custom color for close button
chip.Selectable //Chip has selection button
chip.Clicked // Chip as clicked
chip.SelectedTextColor // Custom color for label when selected
chip.SelectedCloseColor // Custom color for close button when selected
chip.CornerRadius // Set corner radius of your Chip
chip.StrokeSize // Set width of stroke
chip.StrokeColor // Set stroke color for your Chip
chip.IconText // Set Chip icon text, text color and background colorVersions
1.2.5.2
Only ported-side changes:
- Replace Android.Support to AndroidX libraries
1.2.5.1
Only ported-side changes:
- Add
ChipSpanTextproperty for setSpannableStringvalue; - Move to C#;
- Add disposing canvas for
ChipUtils.
1.2.5
Sync with latest original library v1.2.5.
1.2.1, 1.2.2
General bug fixed
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
Licence
Material Chip View ©
Copyright 2017 Robert Levonyan, Yauheni Pakala
Original project: https://github.com/robertlevonyan/materialChipView
Port to Xamarin.Android: https://github.com/wcoder/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.