Android自定义view实现输入框效果

时间:2021-05-20

本文实例为大家分享了Android自定义view实现输入框的具体代码,供大家参考,具体内容如下

自定义输入框的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="@mipmap/ic_launcher" android:layout_gravity="center_vertical" android:id="@+id/icon" /> <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:id="@+id/text" /></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:width="100dp" android:height="30dp"></size> <solid android:color="@color/colorAccent"></solid></shape>

效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章