Skip to main content

Using simple html in android

In an app, instead of using a textview, we can use a webview. Why? Because webview is better looking. And, more importantly, we can format the text easily - specifically for long, long text. And, yes, it has an automatic scroll controls.

Now how do we display a static text in a webview? 

String str="your text here";
webview.loadData(str,"text/html",null);


But your string should also have html tags in them. The simplest tags are html and body. So surround your string with these.

String str="your text here";
String str = "<html><body>"+str+"</body>";
webview.loadData(str,"text/html",null);


But if you are using for formatting the text, like bold, italic, different font etc. to be used for some parts of the text? How do you get that done? 

The straight forward solution is learn html and hand code all the B 's and slash B's etc. yourself. 

Of course, I am kidding. There are plenty of html editors available for automating this task. Look for a editor with WYSWIG feature. And take your text, format them using tool bar buttons and get the source html code, and paste it. I am currently using Kompozer. 

OK. That task is completed. Now your webview is looking all cool and nice. But for any reason, if you want to extract plain text from this string, how do you accomplish that? You need to remove all the html tags.


Thankfully there is one line solution for this


String plainText = android.text.Html.fromHtml(strWithAllTags).toString();
 
This will remove all html tags from the string and give you the content.

Note: I formatted using HTML tags - but not only did my courier font did not show correctly, where ever I used a different font, there was an extra line in between. So if you face such problem,  you need to use loadDataWithBaseURL as shown below.
   
wv.loadDataWithBaseURL(null,str,"text/html", null,null); 
 

Comments

Popular posts from this blog

Simple ListView Adapter and list item select

When you are using a listview in your applications many a times you will write your own adapter to display item. But if your list is very simple showing a list of strings, you can use inbuilt adapters like ArrayAdapter, SimpleCursorAdapter etc.

ArrayAdapterLet us look at an example

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <ListView android:layout_height="wrap_content" android:id="@+id/listView1" android:layout_width="match_parent" android:layout_margin="20dp"> </ListView> </LinearLayout>

And add these lines to the onCreate method of the activity.

super.onCreate(savedInstanceState); …

Drawables in Android - Layer drawable

Let us see how to use layer drawable. You can have two or more bitmaps on different layers to create such a drawable

Using xml:

You should use layer-list in your xml file to create layerdrawable. Here is layer.xml
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <bitmap android:src="@drawable/whiteicon" android:gravity="top|left"/> </item> <item> <bitmap android:src="@drawable/blueicon" android:gravity="top|left"/> </item> <item> <bitmap android:src="@drawable/redicon" android:gravity="top|left"/> </item> </layer-list>
We are using three different bitmaps whiteicon.png, redicon.png and blueicon.png which are present in /res/drawable/mdpi folder. All these are of different sizes and aligned to top left. This drawab…

DatePickers in Android

DatePicker is a view which lets the user select a date showing a calendar or 3 spinners for dd, mm and yy.

Let us see how to use this.
Easy Method: To use a DatePicker you can use DatePickerDialog. This can be created and shown programmatically too.

publicvoidonCreate(Bundle b){/*********/ Button btn =(Button)findViewById(R.id.btn); btn.setOnClickListener(new View.OnClickListener(){@OverridepublicvoidonClick(View v){ showPickerDialog();}});}privatevoidshowPickerDialog(){ DatePickerDialog dtPickerDlg =new DatePickerDialog(this,this, 2017,10,20); dtPickerDialog.show();}

In our xml file, let us have a button and in the onclick listener of the button, let us display the date picker dialog - we call showPickerDialog.

In showPickerDialog,  we are using a random date to initialize.

The first  parameter is the context. Second parameter is the class which implements the interface OnDateSetListener. Next three parameters are year, month (Jan is 0) and …