Tutorial – TextView auto link ke web,phone,email dan map

Textview mensuport auto link yang memungkinkan kita untuk membuat sebuah text yang jika di klik akan langsung menjalankan inten yang berkesesuaian. Sebagai contoh, jika isi (text) dari textview itu adalah sebuah url, dan jika textview itu sudah diset autolink ke web, maka jika textview itu di klik, aplikasi akan langsung membuka url itu pada browser tanpa sedikitpun kita menulis kode tentang webview.

Selain autolink ke web, textview juga mensuport auto link ke phone, email, map atau semuanya. Semua bisa dilakukan hanya dengan menspesifikasikan atribut autoLink pada xml textview dan memberinya nilai none untuk tidak mengaktifkannya, web untuk otomatis melink ke web browser, phone untuk otomatis link ke phone dialer, email untuk otomatis link ke aplikasi email, map untuk otomatis link ke map dan all untuk mensuport semua auto link tadi. Jika diaktifkan, android akan otomatis mengecek isi(text) dari textview dan menjalankan event yang sesuai dengan event tersebut.

Agar lebih jelas, saya telah membuat sebuah aplikasi yang memperagakan cara penggunaan dari attribut autoLink ini. Silahkan perhatikan kode berikut.

Xml (main.xml):



    
        
    
    
  
  		
    
    


Java (TextToWeb.java):

package com.agusinting.autolink;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class TextToWeb extends Activity{
	@Override
	public void onCreate(Bundle savedInstanceState){
		super.onCreate(savedInstanceState);
		setContentView(R.layout.text_to_web);
		
		final EditText edit= (EditText)findViewById(R.id.editText1);
		final TextView text=(TextView)findViewById(R.id.textView1);
		Button setTextView =(Button)findViewById(R.id.button1);
		
		setTextView.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				text.setText(edit.getText().toString());
			}
		});
	}
	
}

Jalankan aplikasi, maka kita akan melihat sebuah edittext, button dan text “text biasa”.

Coba klik text tersebut, maka tidak terjadi apa-apa. lalu masukkan data berikut pada edittext yang tersedia:

  • www.agusinting.com [tekan enter]
  • 089889988 [tekan enter]
  • admin@agusinting.com [tekan enter]
  • 620 Eighth Avenue New York, NY 10018

kemudian tekan tombol set Textview sehingga textview di bawah berubah menjadi data di atas. Coba klik salah satu data pada textview dan perhatikan apa yang terjadi.
NB: jika menjalankan pada emulator, link to email dan web akan mengalami masalah karena blm terinstal aplikasi yg digunakan pada emulator.

Dan berikut adalah screenshot aplikasi saat dijalankan
set data
Set Data

 

url di klik
Url di klik

 

no tlp di klik
No tlp di klik

 

Silahkan download filenya disini.
Semoga bermanfaat
:cendols

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>