Android 自定义view接收输入法输入的内容并显示在view上

最新推荐文章于 2022-04-14 14:59:26 发布

qq819715035

最新推荐文章于 2022-04-14 14:59:26 发布

阅读量1.6k

点赞数 2

分类专栏： Android 文章标签： android 输入法

本文链接：https://blog.csdn.net/qq819715035/article/details/78752626

版权

Android 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

    Android的需求总是很奇葩，什么你要在imageview中画中线？要移动的时候画出椭圆？线还要跟随图片移动等比例缩放？好吧，在ondraw（）直接画就可以了。什么你还要点击imageview弹出键盘，输入文字然后显示在imageview中？这就尴尬了，其实只要是View的子类，都可以接收输入法输入的内容。

    现在我们一步一步来实现

public class InputTextView extends ImageView {
//首先继承一个imageview类，并实现构造方法
    public InputTextView(Context context) {
        this(context,null);
    }

    public InputTextView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public InputTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }
}

然后我们得重写View中的一个方法，返回true，就是让这个View变成文本可编辑的状态，默认返回false。

@Override
public boolean onCheckIsTextEditor() {    
        return true;
}

//第二个就是重写onCreateInputConnection(EditorInfo outAttrs)方法，

//方法，需要返回一个InputConnect对象，这个是和输入法输入内容的桥梁。
public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
        // outAttrs就是我们需要设置的输入法的各种类型最重要的就是:
        outAttrs.imeOptions = EditorInfo.IME_FLAG_NO_EXTRACT_UI;
        outAttrs.inputType = InputType.TYPE_NULL;
        return new MyInputConnection(this,true);
    }

    class MyInputConnection extends BaseInputConnection {
    //一般我们都是些一个BaseInputConnection的子类，而BaseInputConnection是实现InputConnection接口的。

    //需要注意的就是几个方法注意重写。
        public MyInputConnection(View targetView, boolean fullEditor) {
            super(targetView, fullEditor);
        }

        @Override
        public boolean commitText(CharSequence text, int newCursorPosition) {
            //note:获取到输入的字符
            Log.d("tag", "commitText:" + text + "\t" + newCursorPosition);
            if (TextUtils.isEmpty(nowString)){
                nowString = text.toString();
            }else{
                inputString = text.toString();
            }
            postInvalidate();
            return true;
        }
        有文本输入，当然也有按键输入，也别注意的是有些输入法输入数字并非用commitText方法传递，而是用按键来代替，比如KeyCode_1是代表1等。note：这里我只做了删除，回车按键的处理，由于会触发动作按下和松开两次，所以在这里只做了按下的处理。
        @Override
        public boolean sendKeyEvent(KeyEvent event) {
            /** 当手指离开的按键的时候 */
            Log.d("tag", "sendKeyEvent:KeyCode=" + event.getKeyCode());
            if (event.getAction() == KeyEvent.ACTION_DOWN) {
                if (event.getKeyCode() == KeyEvent.KEYCODE_DEL) {
                    //删除按键
                    if(nowString.length()>0){
                        nowString = nowString.substring(0,nowString.length()-1);
                    }
                } else if (event.getKeyCode() == KeyEvent.KEYCODE_ENTER) {
                    //回车按键
                    nowString = nowString+"\n"+inputString;
                }
            }
            postInvalidate();
            return true;
        }

        //当然删除的时候也会触发
        @Override
        public boolean deleteSurroundingText(int beforeLength, int afterLength) {
            Log.d("tag", "deleteSurroundingText " + "beforeLength=" + beforeLength + " afterLength=" + afterLength);
            return true;
        }

        @Override
        public boolean finishComposingText() {
            //结束组合文本输入的时候，这个方法基本上会出现在切换输入法类型，点击回车（完成、搜索、发送、下一步）点击输入法右上角隐藏按钮会触发。
            Log.d("tag", "finishComposingText");

            return true;
        }
    }

这里引申出多个问题，比如说当我们点击View上的时候，需要弹出输入法咋办？我们可以通过


     @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN){
            startX = event.getX();
            startY = event.getY();
            //InputMethodManager来控制输入法弹起和缩回。
            InputMethodManager m = (InputMethodManager) getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
            m.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS);
            Log.e("tag","**************************");
        }
        return super.onTouchEvent(event);
    }

最后在ondraw（）把输入的内容画出来即可

@Override
    protected void onDraw(Canvas canvas) {
        if (!TextUtils.isEmpty(nowString)) {
            canvas.drawText(nowString, startX, startY, paint);
        }

        canvas.drawLine(startX,startY+18,startX,startY-18,paint);
    }

完整代码如下

package com.example.administrator.myapplication;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.support.annotation.Nullable;
import android.text.InputType;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.Log;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;
import android.view.inputmethod.BaseInputConnection;
import android.view.inputmethod.EditorInfo;
import android.view.inputmethod.InputConnection;
import android.view.inputmethod.InputMethodManager;
import android.widget.ImageView;

/**
 * Created by Administrator on 2017/12/8 0008.
 */

public class InputTextView extends ImageView {
    private  InputMethodManager inputMethodManager;
    private String inputString;
    private String nowString;
    private Paint paint;
    private float startX;
    private float startY;

    public InputTextView(Context context) {
        this(context,null);
    }

    public InputTextView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public InputTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        paint = new Paint();
        paint.setTextSize(36);
        paint.setColor(Color.GREEN);
        //只有下面两个方法设置为true才能获取到输入的内容
        setFocusable(true);
        setFocusableInTouchMode(true);
    }

    @Override
    public boolean onCheckIsTextEditor() {
        return true;
    }

    @Override
    public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
        // outAttrs就是我们需要设置的输入法的各种类型最重要的就是:
        outAttrs.imeOptions = EditorInfo.IME_FLAG_NO_EXTRACT_UI;
        outAttrs.inputType = InputType.TYPE_NULL;
        return new MyInputConnection(this,true);
    }

    class MyInputConnection extends BaseInputConnection {

        public MyInputConnection(View targetView, boolean fullEditor) {
            super(targetView, fullEditor);
        }

        @Override
        public boolean commitText(CharSequence text, int newCursorPosition) {
            Log.d("tag", "commitText:" + text + "\t" + newCursorPosition);
            if (TextUtils.isEmpty(nowString)){
                nowString = text.toString();
            }else{
                inputString = text.toString();
            }
            postInvalidate();
            return true;
        }

        @Override
        public boolean sendKeyEvent(KeyEvent event) {
            /** 当手指离开的按键的时候 */
            Log.d("tag", "sendKeyEvent:KeyCode=" + event.getKeyCode());
            if (event.getAction() == KeyEvent.ACTION_DOWN) {
                if (event.getKeyCode() == KeyEvent.KEYCODE_DEL) {
                    //删除
                    if(nowString.length()>0){
                        nowString = nowString.substring(0,nowString.length()-1);
                    }
                } else if (event.getKeyCode() == KeyEvent.KEYCODE_ENTER) {
                    //回车
                    nowString = nowString+"\n"+inputString;
                }
            }
            postInvalidate();
            return true;
        }

        //当然删除的时候也会触发
        @Override
        public boolean deleteSurroundingText(int beforeLength, int afterLength) {
            Log.d("tag", "deleteSurroundingText " + "beforeLength=" + beforeLength + " afterLength=" + afterLength);
            return true;
        }

        @Override
        public boolean finishComposingText() {
            //结束组合文本输入的时候
            Log.d("tag", "finishComposingText");

            return true;
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (!TextUtils.isEmpty(nowString)) {
            canvas.drawText(nowString, startX, startY, paint);
        }

        canvas.drawLine(startX,startY+18,startX,startY-18,paint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN){
            startX = event.getX();
            startY = event.getY();
            InputMethodManager m = (InputMethodManager) getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
            m.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS);
            Log.e("tag","**************************");
        }
        return super.onTouchEvent(event);
    }
}

qq819715035

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
Android 自定义view接收输入法输入的内容并显示在view上

Android的需求总是很奇葩，什么你要在imageview中画中线？要移动的时候画出椭圆？线还要跟随图片移动等比例缩放？好吧，在ondraw（）直接画就可以了。什么你还要点击imageview弹出键盘，输入文字然后显示在imageview中？这就尴尬了，其实只要是View的子类，都可以接收输入法输入的内容。现在我们一步一步来实现public class InputTextView ext
复制链接

扫一扫