如何为自定义Android视图实现提取的文本

时间:2018-06-14 04:10:18

标签: android android-custom-view inputconnection android-extracted-text

背景

Android中的自定义编辑器视图可以通过InputConnection从系统键盘接收文本。我已经成功地做出了这样的观点。但是,当设备处于横向模式时,系统有时会选择显示提取的文本视图。当用户键入此模式时,应使用自定义视图中的相同文本更新提取的文本视图。

我无法实现提取的文本视图功能。 (Here are some things I've tried.

我也无法找到任何明确的文档或完整的如何操作的示例。 (以下是我读过的一些更好的内容:onetwothreefour)。

MCVE

我已经创建了最基本的自定义编辑器。以下gif显示了该功能。它可以从键盘接收文本,但不会以横向方式更新提取的文本视图。因此,除非您关闭键盘,否则无法看到更新的文本。

enter image description here

MyCustomView.java

public class MyCustomView extends View {

    SpannableStringBuilder mText;
    Paint mPaint;

    public MyCustomView(Context context) {
        this(context, null, 0);
    }

    public MyCustomView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MyCustomView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        setFocusableInTouchMode(true);
        mText = new SpannableStringBuilder();
        mPaint = new Paint();
        mPaint.setColor(Color.BLACK);
        mPaint.setTextSize(60);
        mPaint.setStyle(Paint.Style.FILL);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawText(mText, 0, mText.length(), 50, 100, mPaint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_UP) {
            InputMethodManager imm = (InputMethodManager) getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
            if (imm == null) return false;
            imm.showSoftInput(this, InputMethodManager.SHOW_FORCED);
        }
        return true;
    }

    @Override
    public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
        outAttrs.inputType = InputType.TYPE_CLASS_TEXT;
        return new MyInputConnection(this, true);
    }
}

MyInputConnection.java

public class MyInputConnection extends BaseInputConnection {

    private MyCustomView customView;

    MyInputConnection(View targetView, boolean fullEditor) {
        super(targetView, fullEditor);
        customView = (MyCustomView) targetView;
    }

    @Override
    public Editable getEditable() {
        return customView.mText;
    }

    @Override
    public boolean commitText(CharSequence text, int newCursorPosition) {
        boolean returnValue = super.commitText(text, newCursorPosition);
        customView.invalidate();
        return returnValue;
    }
}

MainActivity.java

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

activity_main.xml中

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <net.example.extractedtext.MyCustomView
        android:id="@+id/myCustomView"
        android:background="@android:color/holo_blue_bright"
        android:layout_margin="50dp"
        android:layout_width="300dp"
        android:layout_height="150dp"
        android:layout_centerHorizontal="true"
        />

</RelativeLayout>

摘要

我正在寻找一个规范的答案,该答案描述并提供了如何为自定义编辑器视图实现提取的文本更新的示例。

如果我自己弄清楚,我会添加自己的答案。在那之前,我能够做到最好disable extracted text altogether。这不太理想。

2 个答案:

答案 0 :(得分:1)

您可以使用inputMethodManager.updateExtractedText(view, token, extractedText)

此方法的第一个参数很简单。您可以在此处传递 CustomView 的实例。最后一个也。只需创建 ExtractedText 并设置其字段即可。

ExtractedText extractedText = new ExtractedText();
extractedText.text = "sample text";

更困难的是传递正确的令牌。要了解该参数的正确值,您可以覆盖方法getExtractedText(ExtractedTextRequest request, int flags) 在您的 MyInputConnection 类中(令牌存储在请求对象中)。

@Override
public ExtractedText getExtractedText(ExtractedTextRequest request, int flags) {
        currentToken = request.token;
        return new ExtractedText();
}

我从此方法返回空的 ExtractedText 对象以使视图处于活动状态(默认情况下,文本看起来像是提示)。

您可以在https://github.com/ljarka/ExtractedText

处找到我的解决方案

Extracted text preview

答案 1 :(得分:0)

您只需删除提取的视图即可。我试了一下,在使用键盘时可以看到自定义视图。

@Override
public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
    outAttrs.inputType = InputType.TYPE_CLASS_TEXT;

    //remove extract view
    outAttrs.imeOptions = EditorInfo.IME_FLAG_NO_EXTRACT_UI;

    return new MyInputConnection(this, true);
}