Android自定義view實現(xiàn)輸入框效果
本文實例為大家分享了Android自定義view實現(xiàn)輸入框的具體代碼,供大家參考,具體內(nèi)容如下
自定義輸入框的View
package com.fenghongzhang.day017;import android.content.Context;import android.content.res.TypedArray;import android.text.InputType;import android.util.AttributeSet;import android.view.LayoutInflater;import android.view.View;import android.widget.EditText;import android.widget.ImageView;import android.widget.LinearLayout;import androidx.annotation.NonNull;import androidx.annotation.Nullable;public class InputView extends LinearLayout { private int inputview_input_icon; private String inputview_input_hint; private boolean inputview_is_pass; private View inflate; ImageView imageView; EditText editText; public InputView(@NonNull Context context) { super(context); } public InputView(@NonNull Context context, @Nullable AttributeSet attrs) { super(context, attrs); init(context,attrs); } public void init(Context context,AttributeSet attr){ if(attr==null){ return; } TypedArray typedArray = context.obtainStyledAttributes(attr, R.styleable.InputView); inputview_input_icon = typedArray.getResourceId(R.styleable.InputView_input_icon, R.mipmap.ic_launcher); inputview_input_hint = typedArray.getString(R.styleable.InputView_input_hint); inputview_is_pass = typedArray.getBoolean(R.styleable.InputView_is_pass, false); //釋放資源 typedArray.recycle(); //加載. inflate = LayoutInflater.from(context).inflate(R.layout.inputview, this, false); imageView= (ImageView)inflate.findViewById(R.id.icon); editText= (EditText)inflate.findViewById(R.id.text);imageView.setImageResource(inputview_input_icon); editText.setText(inputview_input_hint); //設置樣式,是不是密文格式,可以沒有. editText.setInputType(inputview_is_pass? InputType.TYPE_CLASS_TEXT|InputType.TYPE_TEXT_VARIATION_PASSWORD:InputType.TYPE_CLASS_PHONE);//添加到viewgroup中 addView(inflate); } //用來取到輸入框的值. public String getString(){ return editText.getText().toString().trim(); }}
輸入框的布局
<?xml version='1.0' encoding='utf-8'?><LinearLayout xmlns:android='http://schemas.android.com/apk/res/android' android:layout_width='300dp' android:orientation='horizontal' android:layout_height='50dp' android:background='@drawable/back_color' android:layout_gravity='center_vertical' > <ImageView android:layout_width='wrap_content' android:layout_height='wrap_content' android:src='http://www.cgvv.com.cn/bcjs/@mipmap/ic_launcher' android:layout_gravity='center_vertical' android: /> <EditText android:layout_marginLeft='30dp' android:layout_width='match_parent' android:layout_height='wrap_content' android:layout_gravity='center_vertical' android:hint='username' android:textSize='30dp' android:background='@null' android: /></LinearLayout>
屬性文件
<?xml version='1.0' encoding='utf-8'?><resources> <declare-styleable name='InputView'> <!--圖片--> <attr name='input_icon' format='reference'></attr> <!--字體--> <attr name='input_hint' format='string'></attr> <!--是否密文--> <attr name='is_pass' format='boolean'></attr> </declare-styleable> </resources>
布局中引用
<?xml version='1.0' encoding='utf-8'?><LinearLayout xmlns:android='http://schemas.android.com/apk/res/android' xmlns:my='http://schemas.android.com/apk/res-auto' xmlns:tools='http://schemas.android.com/tools' android:layout_width='match_parent' android:layout_height='match_parent' tools:context='.Main3Activity'> <com.fenghongzhang.day017.InputView android:layout_width='300dp' android:layout_height='50dp' my:input_icon='@mipmap/ic_launcher' my:input_hint='手機號' my:is_pass='true' > </com.fenghongzhang.day017.InputView></LinearLayout>
輸入框圓角背景
<?xml version='1.0' encoding='utf-8'?><shape xmlns:android='http://schemas.android.com/apk/res/android'> <corners android:radius='10dp' ></corners> <size android: android:height='30dp'></size> <solid android:color='@color/colorAccent'></solid></shape>
效果
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關文章:
1. ASP常用日期格式化函數(shù) FormatDate()2. PHP橋接模式Bridge Pattern的優(yōu)點與實現(xiàn)過程3. html中的form不提交(排除)某些input 原創(chuàng)4. jsp文件下載功能實現(xiàn)代碼5. js select支持手動輸入功能實現(xiàn)代碼6. CSS3中Transition屬性詳解以及示例分享7. bootstrap select2 動態(tài)從后臺Ajax動態(tài)獲取數(shù)據(jù)的代碼8. 開發(fā)效率翻倍的Web API使用技巧9. vue使用moment如何將時間戳轉(zhuǎn)為標準日期時間格式10. asp.net core項目授權流程詳解
