All Projects → zhanghai → Materialedittext

zhanghai / Materialedittext

Material Design EditText with a delightful linear ripple in background

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Materialedittext

Android Cards
CardView with Material Design using ConstraintLayout
Stars: ✭ 136 (-4.9%)
Mutual labels:  material-design
Nextjs Material Kit
NextJS version of Material Kit React by Creative Tim
Stars: ✭ 141 (-1.4%)
Mutual labels:  material-design
Material
A lightweight Material Design library for Angular based on Google's Material Components for the Web.
Stars: ✭ 143 (+0%)
Mutual labels:  material-design
Ibackdrop
A library to simply use Backdrop in your project (make it easy). Read more ->
Stars: ✭ 137 (-4.2%)
Mutual labels:  material-design
Material Dashboard React
React version of Material Dashboard by Creative Tim
Stars: ✭ 1,947 (+1261.54%)
Mutual labels:  material-design
Popularmovies
🎥 Movie discovery app showcasing Android best practices with Google's recommended architecture: MVVM + Repository + Offline support + Android Architecture Components + Paging library & Retrofit2.
Stars: ✭ 142 (-0.7%)
Mutual labels:  material-design
Blazormaterial
Blazor components implementing Google's Material components for web - https://material.io/components/web
Stars: ✭ 136 (-4.9%)
Mutual labels:  material-design
Moemusic
一款基于萌否网站api的音乐管理软件
Stars: ✭ 143 (+0%)
Mutual labels:  material-design
Timetable
📅 Customizable flutter calendar widget including day and week views
Stars: ✭ 140 (-2.1%)
Mutual labels:  material-design
Flutter demo
A beautiful app designed with Material Design by using Flutter.
Stars: ✭ 143 (+0%)
Mutual labels:  material-design
React Native Snackbar Component
A snackbar component for Android and iOS
Stars: ✭ 137 (-4.2%)
Mutual labels:  material-design
Domino Ui
Domino-ui
Stars: ✭ 138 (-3.5%)
Mutual labels:  material-design
Android Multi Theme Ui
Android multi theme UI implementation with day night mode. This repository cover theme changes at runtime, user can select theme from pre-defined multiple themes and changes reflect dynamically on the go.
Stars: ✭ 142 (-0.7%)
Mutual labels:  material-design
Noty
A simple library for creating animated warnings/dialogs/alerts for Android.
Stars: ✭ 136 (-4.9%)
Mutual labels:  material-design
Ptemplate
A personal website template that's not a pain in the ass to setup and use
Stars: ✭ 143 (+0%)
Mutual labels:  material-design
Angular Filemanager
JavaScript File Manager Material Design Folder Explorer Navigator Browser Manager in AngularJS with CSS3 Responsive (with FTP in PHP / Java / Node)
Stars: ✭ 1,693 (+1083.92%)
Mutual labels:  material-design
Cafebar
An upgraded Snackbar for Android that provides more options and easy to use
Stars: ✭ 142 (-0.7%)
Mutual labels:  material-design
Chromaterial
ChroMATERIAL is an IntelliJ Platform coloring scheme that expresses the chromatic nature of Material Design within IntelliJ and Android Studio. It is intended to highlight the most import aspects of your code.
Stars: ✭ 143 (+0%)
Mutual labels:  material-design
Jekyll Theme Mdui
🍷A Jekyll theme based on MDUI
Stars: ✭ 143 (+0%)
Mutual labels:  material-design
Maoni
Lightweight library for collecting and handling user feedback from within Android applications.
Stars: ✭ 142 (-0.7%)
Mutual labels:  material-design

MaterialEditText

Material Design EditText with a delightful linear ripple in background, compatible with Android 4.0+.

Preview

Native EditText (on Samsung S4 with Android 5.0.1):

NativeEditText

MaterialEditText:

MaterialEditText

Sample screenshot:

Screenshot

Sample APK

Design

This library took the framework implementation of RippleDrawable as reference to implement an EditText background with a ripple on the line. The MaterialEditTextBackgroundDrawable is made to behave just the same as the framework XML implementation of EditText background, so that a drop-in replacement should not affect your layout and alignment.

For simplicity of usage, a MaterialEditText is created to set the background automatically, and set the hotspot of ripple on platforms prior to Lollipop.

The InputTextLayout from Design Support Library can automatically set the red tint on background when an error is set. An MaterialInputTextLayout is introduced to make the background drawable show a bold red line consistent with Material Design Guideline when an error is set.

Integration

Gradle:

compile 'me.zhanghai.android.materialedittext:library:1.0.5'

Usage

Simply replace your EditText with MaterialEditText and TextInputLayout with MaterialTextInputLayout, then you can enjoy the delightful detail now.

For example:

<me.zhanghai.android.materialedittext.MaterialTextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

   <me.zhanghai.android.materialedittext.MaterialEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</me.zhanghai.android.materialedittext.MaterialTextInputLayout>

ProGuard

The AAR of this library has already included a ProGuard configuration file to make ObjectAnimator work properly.

Older versions

Neither Support v4 nor AppCompat v7 backported animation API to versions prior to ICS, and the NineOldAndroids library has already been deprecated since people should all be using minSdkVersion="14" now, so versions older than ICS are not supported.

License

Copyright 2015 Zhang Hai

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.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].