Titanic alternatives and similar packages
Based on the "TextView/EditText Widget" category.
Alternatively, view Titanic alternatives based on common mentions on social networks and blogs.
-
richeditor-android
RichEditor for Android is a beautiful Rich Text WYSIWYG Editor for Android. -
ExpandableTextView
Android's TextView that can expand/collapse like the Google Play's app description -
android-autofittextview
A TextView that automatically resizes text to fit perfectly within its bounds. -
emojicon
A library to show emoji in TextView, EditText (like WhatsApp) for Android -
TextSurface
A little animation framework which could help you to show message in a nice looking way -
TextJustify-Android
Android Text Full Jusiftication / Wrapping / Justify -
android-edittext-validator
Android form edit text is an extension of EditText that brings data validation facilities to the edittext. -
TokenAutoComplete
Gmail style MultiAutoCompleteTextView for Android -
AutoLinkTextView
AutoLinkTextView is TextView that supports Hashtags (#), Mentions (@) , URLs (http://), Phone and Email automatically detecting and ability to handle clicks. -
MatchView
Include MatchTextView and MatchButton..Come..you will like it -
Squircle IDE
👨💻 Squircle CE is a fast and free multi-language code editor for Android -
Android-RobotoTextView
Implementation of a TextView and all its direct/indirect subclasses with native support for the Roboto fonts, includes the brand new Roboto Slab fonts. -
WaitingDots
Small library that provides... bouncing dots. This feature is used in number of messaging apps (such as Hangouts or Messenger), and lately in Android TV (for example when connecting to Wifi). -
icarus-android
[DISCONTINUED] Rrich text editor for android platform. 安卓富文本编辑器,暂停维护 -
SecretTextView
A TextView that simulates the effect from the app Secret where the characters fade in/out at different speeds. -
passwordview
A Material Android password view that toggles password visibility via an eye icon. -
RoundedLetterView
RoundedLetterView like the one in Android 5.0 Contacts app -
AwesomeText
A tool that facilitates working with Spans on TextViews or any extension of them (EditTexts, Buttons...). -
Masked-Edittext
Android library contain custom realisation of EditText component for masking and formatting input text -
PlacesAutocompleteTextView
An address-autocompleting text field for Android -
SuperNova-Emoji
library to implement and render emojis For Android -
PasswordEditText
A custom EditText with a switchable icon which shows or hides the password -
AnimatedEditText
Androids EditText that animates the typed text. EditText is extended to create AnimatedEditText and a PinEntryEditText. -
chips-edittext-library
Chips EditText, Token EditText, Bubble EditText, Spannable EditText and etc.. There are many names of this control. Here I develop easy to understand , modify and integrate Chips Edit Text widget for Android -
EmailAutoCompleteTextView
An AutoCompleteTextView with builtin Adapter with the emails in the device. -
CurrencyEditText
A module designed to encapsulate the use of an Android EditText field for gathering currency information from a user. Supports all ISO-3166 compliant locales/currencies. -
AutosizeEditText
AutosizeEditText for Android is an extension of native EditText that offer a smooth auto scale text size. -
SizeAdjustingTextView
This is based on an open source autosizing textview for Android. -
ParkedTextView
A editable text with a constant text/placeholder for Android. -
Android-SingleInputForm
A single EditText instead of a classical form. Library that implements flavienlaurent's singleinputform -
anytextview
An extension of Android's TextView, EditText and Button that let's you use the font of your choice -
android-formidable-validation
Form validation and feedback library for Android. Provides .setText for more than just TextView and EditText widgets. Provides easy means to validate with dependencies. -
MaskFormatter
Add text masking functionality to Android EditText. It will prevent user from inserting not allowed signs, and format input as well. -
KerningViews
Provides a set of views which allows to adjust the spacing between the characters of that view, AKA, Kerning effect. -
AndroidCurrencyEditText
💰 A library to dynamically format your EditTexts to take currency inputs -
AccountAutoCompleteEditText
Simple extension for account suggestion and auto completion. -
Checkable TextView [KOTLIN]
A simple and flexible Checked TextView or Checkable TextView -
SimpleLinkableText
Simple way to create linked text, such as @username or #hashtag, in Android TextView and EditText
Appwrite - The open-source backend cloud platform
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of Titanic or a related project?
README
Titanic for Android
This library is DEPRECATED, as I don't have time to mainatin it anymore. But feel free to go through the code and copy that into your project, it still does its job.
Titanic is an Android experiment reproducing this effect.
[ScreenShot](titanic.gif)
How to use
Add a TitanicTextView
to your layout:
<com.romainpiel.titanic.TitanicTextView
android:id="@+id/titanic_tv"
android:text="@string/loading"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#212121"
android:textSize="70sp"/>
To start the animation:
titanic = new Titanic();
titanic.start(myTitanicTextView);
You may want to keep track of the titanic instance after the animation is started if you want to stop it.
To stop it:
titanic.cancel();
How does it work?
Quick version
Titanic is a simple illusion obtained by applying an animated translation on the TextView TextPaint Shader's matrix.
Less quick version
What is a Shader?
A Shader is a class defining spans of colors. It is installed in a Paint. It's usually following a certain strategy, so you have LinearGradient shaders, RadialGradient shaders BitmapShader shaders, etc...
Shader attributes:
- tile mode: how the shader color spans should be repeated on the x and y axis.
- local matrix: can be used to apply transformations on the shader
Why are you bugging me with these notions?
Well because it is exaclty what we are using in this experiment.
In TitanicTextView
, we create a BitmapShader containing a wave bitmap.
We set the tile mode to:
- x:
TileMode.REPEAT
. The bitmap is repeated on the x-axis - y:
Tilemode.CLAMP
. The edge colors are repeated outside the bitmap on the y-axis
We have a maskX
and a maskY
variable that will define the position of the shader. So at every onDraw()
we will take in account these values and translate the shader's local matrix at the right position.
We also have a variable offsetY
to make the value maskY usable. So when maskY is equal to 0, the wave is at the center of the view.
How is it animating?
The animation is based on Android Animator API. I am not going to go through that part. Go read the documentation if you need some explanations.
In this experiment there are 2 animations.
- One is moving the wave horizontally from 0 to 200 (the width of the wave bitmap).
- The second one is moving the wave vertically from the bottom half to the top half.
To animate these translations, all we need is to apply an animator on maskX
and maskY
. The position of the shader's matrix will be updated automatically in onDraw()
.
I want more examples
Glad you said that. Go check out Shimmer-android. It's based on the same concept with a LinearGradient
shader.
Sample
See the sample for a common use of this library.
License
Copyright 2014 Romain Piel
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 all licence references and agreements mentioned in the Titanic README section above
are relevant to that project's source code only.