18

我想做的事

我想制作一个旋转和翻转的 EditText 视图，它具有普通 EditText 视图的所有属性。

我的问题

我已经成功地制作了（在 SO 用户的帮助下）一个自定义的 EditText 视图，它既可以旋转又可以翻转。这是通过覆盖 onDraw 方法完成的。但是，光标和突出显示消失了，longtouch 事件仍然指示原始文本位置。基本上，视图被重绘，但触摸事件没有。

如何让触摸事件、突出显示和光标也被旋转和翻转？

我读过的

EditText 随选择缩放（一个类似的问题，但不完全相同。）

如何制作自定义 Edittext，使其看起来像在 android 中旋转 45 度（@CommonsWare 指出一种解决方案，即需要通过触摸事件完成附加工作。那是什么工作？）

http://developer.android.com/training/graphics/opengl/touch.html（有帮助，但我不明白如何在这种情况下应用它。）

我试过的

我制作了一个扩展 EditText 的自定义视图。其中覆盖了 onDraw 方法来旋转和翻转画布。我覆盖了 onMeasure 以使视图具有适合布局的尺寸。

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Typeface;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.widget.EditText;

public class MongolEditText extends EditText {

// Constructors
public MongolEditText(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    init();
}
public MongolEditText(Context context, AttributeSet attrs) {
    super(context, attrs);
    init();
}
public MongolEditText(Context context) {
    super(context);
    init();
}

// This class requires the mirrored Mongolian font to be in the assets/fonts folder
private void init() {
    Typeface tf = Typeface.createFromAsset(getContext().getAssets(),
            "fonts/MongolChagaanMirrored.ttf");
    setTypeface(tf);
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(heightMeasureSpec, widthMeasureSpec);
    setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());
}

@Override
protected void onDraw(Canvas canvas) {
    TextPaint textPaint = getPaint();
    textPaint.setColor(getCurrentTextColor());
    textPaint.drawableState = getDrawableState();

    canvas.save();

    canvas.translate(getWidth(), 0);
    canvas.rotate(90);
    canvas.translate(0, getWidth());
    canvas.scale(1, -1);

    canvas.translate(getCompoundPaddingLeft(), getExtendedPaddingTop());

    getLayout().draw(canvas);
    canvas.restore();
}
}

布局 xml 没有什么特别之处。

（更新）这个问题是另一个尝试，但最后我无法让它工作：除了onDraw（）之外，invalidateDrawable（）是否需要被覆盖？

进一步说明

如果您想知道为什么我要旋转和翻转 EditText 视图，这就是原因。传统的蒙古文是从左到右垂直书写的。结合垂直镜像的蒙古字体，将文本顺时针旋转 90 度并翻转它会产生具有正确换行的可读输出。

这不是一个模糊或孤立的问题。传统蒙古语用户数以百万计，但安卓应用却很少。其中，我还没有找到任何开源的。如果我能让这个工作，我想让其他开发人员可以使用代码。

我现在在看哪里

（更新）

我正在考虑View从头开始创建一个自定义视图（扩展）以创建类似TextView. 这TextView可以从应用程序中更新以充当EditText视图。在这种情况下，我只需要使用普通字体将文本旋转 90 度，但不需要翻转它。但是，我必须自己进行换行。

但是，在阅读@Chitrang 的回答后，我想我可以通过扩展 TextView 来做类似的事情。然后我可以避免自己做换行的麻烦。

图片更新

在此处输入图像描述

蒙古文是从上到下，从左到右书写的。现在我正在使用这个键盘在文本周围移动光标，但我希望能够触摸屏幕将光标移动到某个位置。

4

5 回答 5

3

试图通过较小的更改获得部分解决方案，检查是否是您想要的。

1)在 xml 中的 edittext 声明中设置 android:gravity="top|left"。

2）注意到在 onDraw 方法中没有超级方法调用，无法显示 cursor。于是我打电话，

super.onDraw(canvas);

反而，

getLayout().draw(canvas);

3)对于触摸事件，我尝试交换 x 和 y 坐标。这样您就可以根据触摸事件获得光标。（刚刚尝试过，它正在工作，很幸运:)）

@Override
public boolean onTouchEvent(MotionEvent event) {
    // TODO Auto-generated method stub
    event.setLocation(event.getY(), event.getX());
    return super.onTouchEvent(event);
}

在 onDraw 方法中注释此行，以获得精确的触摸事件（通过反复试验发现）。

canvas.translate(getCompoundPaddingLeft(), getExtendedPaddingTop());

4）我无法做任何关于突出显示或选择文本的事情。

?) 另一个解决方案：如果您认为，一些如何获得 RTL 语言支持的方法在 edittext 上工作，那么您只需要旋转它。但不幸的是，它无法在 android 上正常工作。参考：如何在 4.2 之前的 Android 版本上处理 RTL 语言？ 和用于希伯来语文本的 TextView 的 Android 设置？

于 2014-11-02T08:17:42.777 回答
1

An attribute is there for the EditText for rotation . It is is simple and also easy to use.It might help you I think.

<EditText
    android:id="@+id/editTextNumber"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:rotation="90"
    android:layout_marginBottom="10dp"
    android:hint="Enter Mobile Number"
    android:textAppearance="?android:attr/textAppearanceLarge" />
于 2014-11-05T12:46:56.960 回答
0

事情要简单得多。您需要的一切都已经内置了 View 类： http: //developer.android.com/reference/android/view/View.html#setRotation(float) 如果以前的解决方案不适合您，则更复杂一些原因是： http: //developer.android.com/reference/android/view/animation/RotateAnimation.html 它也用于视图的旋转（但在大多数情况下是动画的，但是您可以使用零过渡持续时间）。

如果您有其他问题，请告诉我（猜不 - 有不言自明的方法和课程）。

仅旋转画布 - 您仅旋转屏幕上的图像。setRotation 还处理所有事件、布局流等，所以它应该在你的情况下工作得很好！

希望它会有所帮助！

于 2014-11-02T14:11:45.860 回答
0

更新

我最终MongolEditText从头开始开发了一个垂直脚本。它作为mongol-library.

在这里，它与两个不同的第三方键盘一起使用。

在此处输入图像描述

旧答案

这仍然是一项正在进行的工作，所以我不会将其标记为已解决，但让我发布到目前为止的内容。它完成了我想做的大部分事情。基本上，我使用的是 TextView 而不是 EditText，因为 EditText 在旋转时会做很多奇怪的事情。

我有一个不闪烁的光标，可以响应触摸事件，但仍然不支持突出显示。这是代码：

public class MongolTextView extends TextView {

    private TextPaint textPaint;
    private Paint cursorPaint = new Paint();
    private boolean mCursorIsVisible;
    private CursorTouchLocationListener listener;

    // Naming is based on pre-rotated/mirrored values
    private float mCursorBaseY;
    private float mCursorBottomY;
    private float mCursorAscentY; // This is a negative number
    private float mCursorX;
    
    private static final float CURSOR_THICKNESS = 2f; 

    // Constructors
    public MongolTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    public MongolTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public MongolTextView(Context context) {
        super(context);
        init();
    }

    // This class requires the mirrored Mongolian font to be in the assets/fonts folder
    private void init() {
        //Typeface tf = Typeface.createFromAsset(getContext().getAssets(),
        //      "fonts/ChimeeWhiteMirrored.ttf");
        //setTypeface(tf);
        
        // Use the above commented code is using a single font in another application 
        Typeface tf = FontCache.get(SettingsActivity.FONT_DEFAULT, getContext());
        if(tf != null) {
            setTypeface(tf);
        }

        this.mCursorIsVisible = true;

        cursorPaint.setStrokeWidth(CURSOR_THICKNESS);
        cursorPaint.setColor(Color.BLACK); // TODO should be same as text color
        
    }

    // This interface may be deleted if touch functionality is not needed
    public interface CursorTouchLocationListener {

        /**
         * Returns the touch location to be used for the cursor so you can update the insert
         * location in a text string.
         * 
         * @param glyphIndex
         *            You will need to translate glyphIndex into a Unicode index if you are using a
         *            Unicode string.
         */
        public void onCursorTouchLocationChanged(int glyphIndex);

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // swap the height and width
        super.onMeasure(heightMeasureSpec, widthMeasureSpec);
        setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());
    }

    @Override
    protected void onDraw(Canvas canvas) {
        textPaint = getPaint();
        textPaint.setColor(getCurrentTextColor());
        textPaint.drawableState = getDrawableState();

        canvas.save();

        // flip and rotate the canvas
        canvas.translate(getWidth(), 0);
        canvas.rotate(90);
        canvas.translate(0, getWidth());
        canvas.scale(1, -1);
        canvas.translate(getCompoundPaddingLeft(), getExtendedPaddingTop());

        // draw the cursor
        if (mCursorIsVisible) {
            canvas.drawLine(mCursorX, mCursorBottomY, mCursorX, mCursorBaseY + mCursorAscentY,
                    cursorPaint);
        }

        getLayout().draw(canvas);

        canvas.restore();
    }

    public void showCursor(boolean visible) {
        mCursorIsVisible = visible;
        this.invalidate();
        // TODO make the cursor blink
    }
    
    public void setCursorColor(int color) {
        cursorPaint.setColor(color);
    }

    public void setCursorLocation(int characterOffset) {
        
        Layout layout = this.getLayout();
        
        if (layout!=null){
            
            try {
                // This method is giving a lot of crashes so just surrounding with 
                // try catch for now
                
                int line = layout.getLineForOffset(characterOffset);
                mCursorX = layout.getPrimaryHorizontal(characterOffset);
                mCursorBaseY = layout.getLineBaseline(line);
                mCursorBottomY = layout.getLineBottom(line);
                mCursorAscentY = layout.getLineAscent(line);
                
                this.invalidate();
            } catch (Exception e) {
                e.printStackTrace();
            }
        }

    }

    public class InputWindowTouchListener implements OnTouchListener {
        @Override
        public boolean onTouch(View view, MotionEvent event) {

            Layout layout = ((TextView) view).getLayout();

            // swapping x and y for touch events
            int y = (int) event.getX();
            int x = (int) event.getY();

            if (layout != null) {

                int line = layout.getLineForVertical(y);
                int offset = layout.getOffsetForHorizontal(line, x);

                mCursorX = layout.getPrimaryHorizontal(offset);
                mCursorBaseY = layout.getLineBaseline(line);
                mCursorBottomY = layout.getLineBottom(line);
                mCursorAscentY = layout.getLineAscent(line);
                //mCursorHeightY = layout.getLineTop(line);

                view.invalidate();
                
                switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    //handler.postDelayed(mLongPressed, 1000);
                    listener.onCursorTouchLocationChanged(offset);
                    break;
                case MotionEvent.ACTION_UP:
                    //handler.removeCallbacks(mLongPressed);
                    // notify the host activity of the new cursor location
                    
                    break;
                }

            }

            return false;
        }
        
    }
    
    public void setCursorTouchLocationListener(CursorTouchLocationListener listener) {
        this.listener = listener;
    }
}

如果您有更好的东西，请随意添加您自己的答案，或者如果您有一些要改进的内容（添加突出显示、让光标闪烁等），请发表评论。这段代码的最新版本应该在github 上。

于 2015-04-20T00:56:07.143 回答
-1

尝试这个：

<EditText
        android:id="@+id/ed1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="47dp"
        android:digits="1234567890"
        android:ems="10"
        android:singleLine="true"
        android:cursorVisible="true"
        android:hint="Refreshing time in ms" />
于 2014-11-10T13:04:50.450 回答