🔒 Locked

Android WebView

Started by Uthman Feb 1, 2012 at 9:28 PM 0 replies 1.8k views

Original Post

128

Feb 1, 2012 at 9:28 PM

I'm programming a small Android app. It's basically an HTML5 jQueryMobile application displayed in an Android WebView. I noticed that jQM's rounded corner CSS for input elements gets all funky and pixelated in the WebView (even when zoom is disabled). This artification is also present when I view my pages within Android's default browser.

When I view my pages on a regular machine or even on Firefox mobile / opera mini, they render properly. Here are some screenshots taken from my device. The one on the left is from the web view.

Is there any way to get the webview to render the CSS properly / get better quality?

Paul65

Feb 2, 2012 at 10:01 AM

I get a similar thing on android, but with the basic gui drawing functions. Using the DrawRoundRect() function which is part of the Canvas class, I get rounded rectangles that are square on one end and rounded on the other. Maybe its a bug with the low level gui drawing functions. I managed to improve it a little by turning on anit aliasing but it still wasnt correct.

Topic Locked

This topic has been locked by a moderator. New replies are not allowed.