android 底部弹出输入框,Android编程：底部弹出输入框

╰+攻爆jí腚メ 2022-10-17 11:21 28阅读 0赞

Android编程：底部弹出的对话框

环境：

主机:WIN10

开发环境:Android Studio 2.2 Preview 3

说明：

在《Android编程：底部弹出的对话框》中实现了底部弹出的对话框。在此基础上实现通用的输入框，效果如下图所示。输入框类中通过回调机制通知活动，从而实现了活动与对话框的解耦。

效果图：

![0818b9ca8b590ca3270a3433284dd417.png][]

布局文件dialog\_input.xml：

android:orientation="vertical" android:layout\_width="match\_parent"

android:layout\_height="match\_parent"

android:paddingLeft="16dp"

android:paddingRight="16dp">

android:id="@+id/title"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:layout\_gravity="center\_horizontal"

android:paddingTop="16dp"

android:paddingBottom="16dp"

android:text="标题"/>

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content">

android:id="@+id/input"

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content"

android:maxLines="1"

android:singleLine="true" />

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content"

android:paddingTop="16dp"

android:paddingBottom="16dp">

android:id="@+id/cancel"

android:layout\_width="0dp"

android:layout\_height="wrap\_content"

android:layout\_weight="1"

android:layout\_marginLeft="5dp"

android:layout\_marginRight="5dp"

android:text="取消" />

android:id="@+id/ok"

android:layout\_width="0dp"

android:layout\_height="wrap\_content"

android:layout\_weight="1"

android:layout\_marginLeft="5dp"

android:layout\_marginRight="5dp"

android:text="确定" />

源代码：

InputDialogInterface.class：

package com.bazhangkeji.classroom.common;

public interface InputDialogInterface \{

void onClick();

FilterResult filter(String inputText);

class FilterResult \{

public boolean result;

// 错误提示.result为false时有效

public String errorHint = "";

InputDialog.class：

package com.bazhangkeji.classroom.common;

import android.app.Dialog;

import android.graphics.Color;

import android.os.Bundle;

import android.support.annotation.NonNull;

import android.support.design.widget.TextInputEditText;

import android.text.TextUtils;

import android.view.Gravity;

import android.view.LayoutInflater;

import android.view.MotionEvent;

import android.view.View;

import android.view.Window;

import android.view.WindowManager;

import android.widget.Button;

import android.widget.RelativeLayout;

import android.widget.TextView;

import com.bazhangkeji.classroom.R;

import com.bazhangkeji.classroom.database.DBPersonalInfo;

import com.bazhangkeji.classroom.database.PersonalInfo;

import com.bazhangkeji.classroom.session.VideoSessionActivity;

import com.bazhangkeji.classroom.session.VoiceSessionActivity;

import com.jakewharton.rxbinding2.view.RxView;

import com.trello.rxlifecycle2.android.ActivityEvent;

import com.trello.rxlifecycle2.android.FragmentEvent;

import com.trello.rxlifecycle2.components.RxDialogFragment;

import java.util.concurrent.TimeUnit;

public class InputDialog extends RxDialogFragment \{

private Dialog dialog;

private InputDialogInterface observer;

private String title;

private String hint;

private TextInputEditText editTextInput;

/\*\*

\* 初始化.必须调用一次

\* @param title: 标题

\* @param hint: 提示

\* @param observer: 观察者对象

\*/

public void init(String title, String hint, InputDialogInterface observer) \{

this.title = title;

this.hint = hint;

this.observer = observer;

@NonNull

@Override

public Dialog onCreateDialog(Bundle savedInstanceState) \{

dialog = new Dialog(getActivity(), R.style.DialogPopBottom);

View inflate = LayoutInflater.from(getActivity()).inflate(R.layout.dialog\_input, null);

dialog.setContentView(inflate);

dialog.setCanceledOnTouchOutside(true);

Window window = dialog.getWindow();

WindowManager.LayoutParams lp = window.getAttributes();

lp.gravity = Gravity.BOTTOM;

lp.width = WindowManager.LayoutParams.MATCH\_PARENT;

window.setAttributes(lp);

TextView textViewTitle = (TextView) inflate.findViewById(R.id.title);

Button buttonCancel = (Button) inflate.findViewById(R.id.cancel);

Button buttonOK = (Button) inflate.findViewById(R.id.ok);

editTextInput = (TextInputEditText) inflate.findViewById(R.id.input);

textViewTitle.setText(title);

editTextInput.setHint(hint);

RxView.clicks(buttonCancel)

.throttleFirst(1, TimeUnit.SECONDS)

.compose(this.bindUntilEvent(FragmentEvent.DESTROY))

.subscribe(v -> dialog.cancel());

RxView.clicks(buttonOK)

.throttleFirst(1, TimeUnit.SECONDS)

.compose(this.bindUntilEvent(FragmentEvent.DESTROY))

.subscribe(v -> \{

InputDialogInterface.FilterResult filterResult = observer.filter(editTextInput.getText().toString());

if (filterResult == null || filterResult.result) \{

dialog.cancel();

observer.onClick();

\} else \{

editTextInput.setError(filterResult.errorHint);

editTextInput.requestFocus();

\});

return dialog;

/\*\*

\* 得到输入内容

\* @return 输入内容

\*/

public String getInput() \{

return editTextInput.getText().toString();

初始化:

private InputDialog addFriendDialog = new InputDialog();

addFriendDialog.init("搜索好友", "请输入用户id", new InputDialogInterface() \{

@Override

public void onClick() \{

Logging.e("click!!!" + addFriendDialog.getInput());

@Override

public FilterResult filter(String inputText) \{

return isInputValid(inputText);

\});

private InputDialogInterface.FilterResult isInputValid(String inputText) \{

InputDialogInterface.FilterResult filterResult = new InputDialogInterface.FilterResult();

if (TextUtils.isEmpty(inputText)) \{

filterResult.result = false;

filterResult.errorHint = "请输入用户号";

\} else if (isContainIllegalChar(inputText)) \{

filterResult.result = false;

filterResult.errorHint = "用户号不能包含中文空格等字符";

\} else if (inputText.length() < 5 || inputText.length() > 20) \{

filterResult.result = false;

filterResult.errorHint = "用户号长度需要5";

\} else if (inputText.startsWith("g")) \{

filterResult.result = false;

filterResult.errorHint = "用户号不能以g开头";

\} else \{

filterResult.result = true;

return filterResult;

private boolean isContainIllegalChar(String str) \{

char\[\] ch = str.toCharArray();

for (char c : ch) \{

if (c <= 0x20 || c >= 0x7f) \{

return true;

return false;

显示：

addFriendDialog.show(getFragmentManager(), "");

[0818b9ca8b590ca3270a3433284dd417.png]: /images/20221014/2d4e9fc6f4c94706b425f2fed46d135e.png

android 底部弹出输入框,Android编程：底部弹出输入框

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Android 底部弹出Dialog

相关 Android底部弹出选择框PickerView的使用

相关 Android Dialog弹出框

相关 Android底部弹出iOS7风格对话选项框

相关 android 底部弹出输入框,Android编程：底部弹出输入框

相关底部弹出

相关 Bootstrap 弹出输入框

相关小程序底部弹出框效果

相关 js弹出输入框

相关底部弹出框动画