Coder Social home page Coder Social logo

tagview's Introduction

TagView

Bitrise Jitpack

Android library for creating simple tag view.

TagView has

  • Editable style of text, font and color.
  • Listener of tag selecting.

Usage

1.Set the TagView to the layout

<com.github.tommykw.tagview.TagView
    android:id="@+id/tagview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="@dimen/spacing_large"
    android:layout_marginStart="@dimen/spacing_big"
    android:gravity="center"
    app:stroke_width="1dp"
    app:stroke_color="@color/gray"
    app:background_color="@color/white"
    app:left_drawable_padding="4dp"
    app:sort_type="asc"
    app:left_drawable="@drawable/ic_launcher_background"
    app:horizontal_spacing="4dp"
    app:vertical_spacing="@dimen/spacing_small"
    app:text_font_size="6sp"
    app:corner_radius="2dp"
    app:text_color="#000000"/>

2.Implement your items

List<Item> list = new ArrayList<>();
TagView<Item> tags = findViewById(R.id.tagview);

tags.setTags(list, new DataTransform<Item>() {
    @NotNull
    @Override
    public String transfer(Item item) {
        return item.getName();
    }
});

tags.setClickListener(new TagView.TagClickListener<Item>() {
    @Override
    public void onTagClick(Item item) {
        item.getId();
    }
});

Installation

TagView is distributed with JitPack. First, add JitPack to your gradle repositories.

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

Then add the dependency on TagView.

dependencies {
    compile 'com.github.tommykw:TagView:0.0.1'
}

tagview's People

Contributors

tommykw avatar

Watchers

Le Quang Dao avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.