Git Product home page Git Product logo

floatinglabel's Introduction

FloatingLabel

FloatingLabel Allows you to create a blow kind of EditText.

To explain the concept well I have taken below image from http://dribbble.com/shots/1254439--GIF-Float-Label-Form-Interaction

Animation Example

Floating Lable project is in initial mode, where a few customization is provided like changing Text color of EditText and Its Lable

<com.hardik.floatinglabel.FloatingLabelView
        android:id="@+id/label1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        floatview:floatHintText="Whatever hint you want to display"
        floatview:textColor="@color/blue"
        floatview:textTypeface="some_custome_font.ttf"/>

Features

Float Hint Text

  • Specifies the text for float hint label
	floatview:floatHintText="@string/app_name"

Float Hint Text Color

  • Specifies text color for float hint label both for focused mode and unfocused mode
	floatview:floatHintTextColorFocused="@color/blue"
        floatview:floatHintTextColorUnFocused="@color/green"

Float Hint Text Style

  • Specifies the text style, bold,normal,italic
	floatview:floatHintTextStyle="bold"

Float Hint Text Gravity

  • Specifies gravity of text left,right,top,bottom
	floatview:floatHintTextGravity="right"

Float Hint Text Size

  • Specifies text size
	floatview:floatHintTextSize="20"

Float Hint Text Custom Typeface

  • Specifies custom font. (It has to be in to the assets folder e.g. /assets/some_font.ttf)
	floatview:floatHintTextTypeface="Ithornet.ttf"

Float Hint Text Background

  • Specifies custom background. You can specify both color and drawable.
	floatview:floatHintTextBackground="@drawable/label_bg"

Actual Text

  • Specifies the text for editable text box
	floatview:text="Label 1"

Actual Text Color

  • Specifies text color for editable text box
	floatview:textColor="@color/red"

Actual Text Style

  • Specifies the text style, bold,normal,italic
	floatview:textStyle="bold"

Actual Text Gravity

  • Specifies gravity of text left,right,top,bottom
	floatview:textGravity="right"

Actual Text Size

  • Specifies text size
	floatview:textSize="20"

Actual Text Custom Typeface

  • Specifies custom font. (It has to be in to the assets folder e.g. /assets/some_font.ttf)
	floatview:textTypeface="Ithornet.ttf"

Actual Text Background

	floatview:textBackground="@drawable/edt_bg"

Actual Text As Password

	floatview:isPassword="true"

floatinglabel's People

Contributors

hardik-trivedi avatar hardik-webonise avatar bryant1410 avatar

Watchers

James Cloos avatar Chivorn 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.