Android之登陸樣式(仿知乎)
好長時間沒有上知乎了,今天開啟的時候,發現提示令牌失效了,讓重新登陸,一看這個效果,其實很好實現的,在Material Design裡面其實有相關的view的,為TextInputLayout,這裡簡單寫個demo:
xml佈局檔案
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools ="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop ="@dimen/activity_vertical_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context=".MainActivity"
android:orientation="vertical"
tools:showIn="@layout/activity_main">
<android.support.design.widget.TextInputLayout
android:id="@+id/til_id"
android:layout_width ="match_parent"
android:layout_height="wrap_content">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</android.support.design.widget.TextInputLayout>
<android.support.design.widget.TextInputLayout
android:id="@+id/til_id2"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</android.support.design.widget.TextInputLayout>
</LinearLayout>
接下來,我們就在Activity裡面去實現相關的處理
public class MainActivity extends AppCompatActivity {
private EditText editText;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final TextInputLayout textInputLayout1 = (TextInputLayout) findViewById(R.id.til_id);
final TextInputLayout textInputLayout2 = (TextInputLayout) findViewById(R.id.til_id2);
generateEdit(textInputLayout1, "使用者名稱", "使用者名稱輸入不要超過5位",5);
generateEdit(textInputLayout2,"密碼","密碼長度應小於10位",10);
}
private void generateEdit(final TextInputLayout text,String textinput, final String texterror, final int length) {
editText = text.getEditText();
text.setHint(textinput);
editText.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
if (s.length() > length) {
text.setError(texterror);
text.setErrorEnabled(true);
} else {
text.setErrorEnabled(false);
}
}
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
}
@Override
public void afterTextChanged(Editable s) {
}
});
}
}
最終的效果如下:
相關推薦
Android之登陸樣式(仿知乎)
好長時間沒有上知乎了,今天開啟的時候,發現提示令牌失效了,讓重新登陸,一看這個效果,其實很好實現的,在Material Design裡面其實有相關的view的,為TextInputLayout,這裡簡單寫個demo: xml佈局檔案 <?xml ve
Android 高仿知乎日報(1)
個人蠻喜歡沒事看看知乎的,前陣子湊巧也在網上搜到了知乎日報的API,詳情見某位開發者在Github上的分享:知乎日報 API 分析 靠著這個,我就做了一個高仿知乎日報的小應用 動態圖看起來不怎麼流暢,其實真機執行的話還是很流程的,畢竟這只是一個純
【Android】仿知乎夜間模式的實現
1.簡介 目前很多App都有夜間模式的功能,網上教程也是很多,最近專案不忙,抽空學習了下,在這做下記錄,希望能幫到正在看部落格的你,我們先來看下知乎的效果: 看我的效果: 臥槽,好像啊,哈
Android仿“知乎”隱藏標題欄、回答詳情頁動畫效果
2014已經遠去,2015年的目標很簡單,就是繼續熟悉Android的上層API,雖然偶爾會為了某個問題去研究下FrameWork的程式碼,但是對於我們這種新手來說,只有對上層的API用的熟練了,才能更好的往下研究原理。所以,今年的任務就是繼續學習和研究A
Android 仿知乎廣告控制元件,廣告圖隨滑動控制元件滑動
仿知乎廣告模組,效果:RecyclerView其中的一個item是廣告圖片 - 知乎的效果圖如下: 從下到上 從上到下 - 仿的效果圖: 兩種情況,一種是廣告圖片比滑動控制元件長,另外一種是廣告圖片比滑動控制元件短,效果如下: 廣告圖
android之使用GridView+仿微信圖片上傳功能(附源代碼)
相冊 ada nbu [] for round pen fromfile idt 由於工作要求最近在使用GridView完成圖片的批量上傳功能,我的例子當中包含仿微信圖片上傳、拍照、本地選擇、相片裁剪等功能,如果有需要的朋友可以看一下,希望我的實際經驗能對您有所幫助。
android精選源碼,知乎閱讀瀑布流loading彈窗掃描二維碼簡潔的MVP
android精選源碼 瀑布流 知乎閱讀 loading彈窗 掃描二維碼 Android知乎閱讀與網易音樂功能源碼Android用瀑布流展示美女圖片源碼一個簡潔好看的loading彈窗QRCode 掃描二維碼、掃描條形碼、相冊獲取圖片後識別、生...一個Android 輕量級簡單易用的Lo
JAVA開源仿知乎問答原始碼
專案說明 FlyCms 是一個類似知乎以問答為基礎的完全開源的JAVA語言開發的社交網路建站程式,基於 Spring Boot+Bootstrap3+MyBatis+MYSQL+Solr 應用架構,專注於社群內容的整理、歸類和檢索,它集合了問答,digg,wiki 等多個程式的優點,幫助
Kotlin實現仿知乎底部導航欄顯示隱藏效果Behavior
最開始遇見這個問題我的第一想法是給recyclerview新增滑動監聽,然後再給底部導航新增顯示隱藏動畫,可是這麼做很不優雅,一旦recyclerview不止一個就需要給每個都新增一遍監聽(雖然同樣的程式碼cv就行了),這絕不是一個優秀程式設計師的追求。所以就
【java學習筆記】JAVA自學之路 JAVA自學之路 ___轉知乎
一:J2SE 面向物件-封裝、繼承、多型 記憶體的分析 遞迴 集合類、泛型、自動打包與解包、Annotation IO 多執行緒、執行緒同步 TCP/UDP AWT、事件模型、匿名類 正則表示式 反射機制 二:資料庫(Oracle或者MySQL) SQL語句 多表連線,內外連線
仿知乎日報(3)_MainActivity分析
MainActivity分析 1、結構 2、介面分析 首先第一張圖片是主頁面,是一個Fragment。第二張圖片是左側滑選單,是一個ListView。整體介面是使用MaterialUI中的DrawableLayout佈局。關於Drawa
【專案原始碼】- 【模仿知乎日報二】吐血高仿知乎日報
對之前的模仿做品進行了改善改善。。。再改善。。。(僅供學習) 多說無益。。。。上圖才是王道: 這個東西越模仿發現他的東西就越多,離上次的模仿時間已經過去好久了,這一版本的介面看似好很多,但還是
仿知乎廣告效果
先放一張知乎的廣告截圖: 說下我的實現吧,主要利用RecyclerView,在需要出現廣告的時候,將這個item透明化,顯示 ImageView 就達到這種效果了。最主要是這個RecyclerView的分隔條,用了個三方的才最終達到理想的效果。 可能還是會和原知乎有點
【iOS】仿知乎日報,RxSwift-Part2-詳情頁的搭建
前言 在上一篇,我們搭建了首頁。而這篇,我們將開始搭建話題詳情頁。 分析 還是先來看下演示gif { "body": "<div class=\"main-wrap content-wrap\">\n<div cla
仿知乎日報(1)_緒論
匯入庫與專案結構分析 1、匯入庫 開源的迷人之處正在於“不用重複的造輪子”,使用開源庫能夠一定程度上加快我們開發的速度,推進軟體開發更快的發展。 在筆者的專案中使用了以下幾個開源庫 compile 'com.android.support:desig
仿知乎內容廣告欄 WindowImageView
作者 | Bleoo 地址 | http://www.jianshu.com/p/8c14fa566c52 宣告 | 本文是 Bleoo 原創,已獲授權釋出,未經原作者允許請勿轉載 前言 前幾天看到知乎裡的雙11廣告有這麼一個效果,就決定仿一個出來。 專案地址在 https://github.
vue低仿知乎日報
概述 一個基於vue的仿知乎日報的前端專案。 關於知乎日報: 知乎日報是一款擁有千萬使用者的資訊類客戶端,每日提供來自知乎社群的精選問答,還有國內一流媒體的專欄特稿。 主要功能 每天更新好文章,包括權威的時事解讀、有趣的生活建議 更符合使
微信小程式日記——高仿知乎日報(上)
該小程式的作者是Oopsguy,我也參與小功能的開發和完善,希望大家能支援一下 本人對知乎日報是情有獨鍾,看我的部落格和github就知道了,寫了幾個不同技術型別的知乎日報APP 要做微信小程式首先要對html,css,js有一定的基礎,還有對微信小
仿知乎app登入介面(Material Design設計框架拿來就用的TexnInputLayout)
在我腦子裡還沒有Material Design這種概念,就我個人而言,PC端應用扁平化設計必須成為首選,手當其衝的兩款即時通訊旺旺和QQ早就完成UI扁平化的更新,然而客戶端扁平化的設計本身就存在天生的缺陷,手指和滑鼠箭頭最大的區別是在於前者有溫度和感覺的,好吧,能不能不要亂
安卓仿知乎個人主頁,實現巢狀滑動和漸隱效果
本篇文章已經授權微信公共號guolin_blog(郭霖)獨家釋出 先看知乎的效果: 再看我們實現的效果: 網上也有很多巢狀滑動的例子,先說說我這個的優點。 1.頭部可以參與滑動 2.下面可以加viewpager 3.支援Recycler