Question

我在Android WebView的HTML页面中有一个输入标记。我希望背景透明。它是（通过background-color: transparent）UNTIL用户选择它（给它焦点，输入数据）。然后背景是白色的。

我在background-color和textbox上尝试了textbox:focus，我尝试了-webkit-appearance: none。这些都不起作用。

有人搞乱了吗？

Answer 1

我可能错了，但这实际上看起来像android.webkit包代码中的一个小错误。似乎WebView使用android.webkit.TextDialog类来表示输入框，即使在呈现的HTML中也是如此。

然而，该代码隐藏了webkit的渲染与android的文本小部件。注意LayerDrawable变量图层，对setBackgroundDrawable（）的调用以及LayerDrawable中的两个图层，其中底部图层设置为始终为白色。

如您所见，WebCore呈现的文本隐藏在此白色背景后面。该评论甚至可以明确说明这一点。

当然，在文本框被聚焦之前，WebView.java中的TextDialog变量mTextEntry将不会被聚焦，因此在此之前不会隐藏正在渲染的webkit。

/**
 * Create a new TextDialog.
 * @param   context The Context for this TextDialog.
 * @param   webView The WebView that created this.
 */
/* package */ TextDialog(Context context, WebView webView) {
    super(context);
    mWebView = webView;
    ShapeDrawable background = new ShapeDrawable(new RectShape());
    Paint shapePaint = background.getPaint();
    shapePaint.setStyle(Paint.Style.STROKE);
    ColorDrawable color = new ColorDrawable(Color.WHITE);
    Drawable[] array = new Drawable[2];
    array[0] = color;
    array[1] = background;
    LayerDrawable layers = new LayerDrawable(array);
    // Hide WebCore's text behind this and allow the WebView
    // to draw its own focusring.
    setBackgroundDrawable(layers);
    // Align the text better with the text behind it, so moving
    // off of the textfield will not appear to move the text.
    setPadding(3, 2, 0, 0);
    mMaxLength = -1;
    // Turn on subpixel text, and turn off kerning, so it better matches
    // the text in webkit.
    TextPaint paint = getPaint();
    int flags = paint.getFlags() | Paint.SUBPIXEL_TEXT_FLAG |
            Paint.ANTI_ALIAS_FLAG & ~Paint.DEV_KERN_TEXT_FLAG;
    paint.setFlags(flags);
    // Set the text color to black, regardless of the theme.  This ensures
    // that other applications that use embedded WebViews will properly
    // display the text in textfields.
    setTextColor(Color.BLACK);
    setImeOptions(EditorInfo.IME_ACTION_NONE);
 }

git中的source code。

如何设置所选文本框的Android WebView背景

1 个答案: