Link yang dapat diklik dari String untuk TextView Android

Contoh project dari artikel ini dapat di download Di sini.

Ada beberapa cara tersembunyi yang dapat kita pakai untuk membuat link url dalam sebuah string bekerja di AppCompatTextView pada Android.

Saya menemukan bahwa di custom view (sejujurnya, saya masih mencoba dengan Material Dialogs), sebuah string dengan url hanya bekerja jika kita menggunakan setMovementMethod untuk TextView

Pada Custom View

Jika kita ingin sebuah string yang mengandung url dan kode html di custom view seperti ini:

 Created by <b>Joielechong</b> (<a href="http://www.rilixtech.com">rilixtech.com</a>)  

Dengan TextView di layout seperti file xml di bawah ini:

1:  <?xml version="1.0" encoding="utf-8"?>  
2:  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3:    android:id="@+id/sample_layout"  
4:    android:layout_width="match_parent"  
5:    android:layout_height="match_parent"  
6:    >  
7:    
8:   <android.support.v7.widget.AppCompatTextView  
9:     android:id="@+id/sample_layout_title"  
10:     android:layout_width="wrap_content"  
11:     android:layout_height="wrap_content"  
12:     android:textSize="18sp"  
13:     />  
14:  </RelativeLayout>  

Kita tidak akan bisa membuatnya bekerja jika menggunakan attribut android:autoLink="all" atau android:linksClickable="true". Jadi, kode di bawah ini Tidak Akan Bekerja:

1:  <?xml version="1.0" encoding="utf-8"?>  
2:  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3:    android:id="@+id/sample_layout"  
4:    android:layout_width="match_parent"  
5:    android:layout_height="match_parent"  
6:    >  
7:    
8:   <android.support.v7.widget.AppCompatTextView  
9:     android:id="@+id/sample_layout_title"  
10:     android:layout_width="wrap_content"  
11:     android:layout_height="wrap_content"  
12:     android:text="@string/test_string_1"  
13:     android:textSize="18sp"  
14:     android:autoLink="all"  
15:     android:linksClickable="true"  
16:     />  
17:    
18:  </RelativeLayout>  

Untuk membuatnya bekerja, kita harus menambahkan baris berikut pada kelas:

 textView.setMovementMethod(LinkMovementMethod.getInstance());  

Jangan lupa untuk menghapus attribut android:autoLink="all" di layout xml karena attribut ini akan menyebabkan kode di atas tidak berfungsi sama sekali.

Pada Normal View

Jika kita menggunakan setMovementMethod untuk TextView tanpa menggunakan attribut android:autoLink="all" di layout, link url akan bekerja. Link url juga akan bekerja jika kita hanya menggunakan android:autolink="all". Tetapi jika kita hanya menggunakan attribut android:linksClickable="true" maka link url tidak akan bekerja sama sekali.

Download project artikel ini  Di sini.

Referensi:
How do I make links in a TextView clickable?
I want text view as a clickable link
Android: textview hyperlink
Make a hyperlink textview in android
How to make normal links in TextView clickable?

Clickable Link In String for TextView Android

You can download the working example for this tutorial in Here.

There are some hidden quirk that could be use to make an url link in string working in AppCompatTextView in android.

I found that in custom view (honestly, I just trying it with Material Dialogs), a string with an url only work if we use setMovementMethod for TextView

In Custom View

If we want a string containing an url and html code in custom view like this:

 Created by <b>Joielechong</b> (<a href="http://www.rilixtech.com">rilixtech.com</a>)  

For a TextView in a layout like the following xml file:

1:  <?xml version="1.0" encoding="utf-8"?>  
2:  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3:    android:id="@+id/sample_layout"  
4:    android:layout_width="match_parent"  
5:    android:layout_height="match_parent"  
6:    >  
7:    
8:   <android.support.v7.widget.AppCompatTextView  
9:     android:id="@+id/sample_layout_title"  
10:     android:layout_width="wrap_content"  
11:     android:layout_height="wrap_content"  
12:     android:textSize="18sp"  
13:     />  
14:  </RelativeLayout>  

We can't make it work by using either android:autoLink="all" or android:linksClickable="true". So the following code Won't work:

1:  <?xml version="1.0" encoding="utf-8"?>  
2:  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3:    android:id="@+id/sample_layout"  
4:    android:layout_width="match_parent"  
5:    android:layout_height="match_parent"  
6:    >  
7:    
8:   <android.support.v7.widget.AppCompatTextView  
9:     android:id="@+id/sample_layout_title"  
10:     android:layout_width="wrap_content"  
11:     android:layout_height="wrap_content"  
12:     android:text="@string/test_string_1"  
13:     android:textSize="18sp"  
14:     android:autoLink="all"  
15:     android:linksClickable="true"  
16:     />  
17:    
18:  </RelativeLayout>  

To make it work, we must add a line of code in our working class below:

 textView.setMovementMethod(LinkMovementMethod.getInstance());  

Remember to remove android:autoLink="all" in your layout xml because it render the above code useless.

In Normal View

If we use setMovementMethod for TextView and without android:autoLink="all" attribute in layout, url link will be enabled. Using only android:autolink="all" will also working. By using only android:linksClickable="true" url link will not working at all.

Download the working project Here.


Reference:
How do I make links in a TextView clickable?
I want text view as a clickable link
Android: textview hyperlink
Make a hyperlink textview in android
How to make normal links in TextView clickable?

Hiding ActionBar Tab When Changing Fragment

There is no method like hideTab for hiding ActionBar Tab, but we can achieve the same effect by using ActionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD). If we use add fragment when calling a fragment, we must override  onHiddenChange(boolean hidden) fragment method to check if fragment is shown or not then determine to show or hide the tabs.

Here the code in action:

      ActionBar mActionBar;  // get action bar   
     @Override  
     public void onHiddenChanged(boolean hidden) {  
         super.onHiddenChanged(hidden);  
       if (hidden) {  
         //do when hidden  
           mActionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);  
       } else {  
         //do when show  
           mActionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);  
       }  
     }  

This code will detect the fragment status whether hidden or not. If hidden value is true then the Tab will be hidden, if the hidden value is false then the Tab will be show.


Happy Programming ;)

Error saat menerapkan tema sharedPreferences di Android

Ada sebuah kendala saat mencoba membuat setting tema untuk aplikasi Android milik saya. Saat tema diterapkan (Gambar 1) melalui sebuah Fragment dengan
(implements SharedPreferences.OnSharedPreferenceChangeListener) untuk kedua kalinya, maka aplikasi akan force close dan mengeluarkan pesan error berupa java.lang.NullPointerException. Saat penerapan tema, aplikasi akan dimatikan dan dijalankan kembali.

Gambar 1. Setting tema

Masalah ini dapat diatasi dengan menambahkan baris kode berikut di fragment:

    private SharedPreferences sharedPreferences;
    @Override
public void onResume() {
        super.onResume();
        // Set up a listener whenever a key changes          
        sharedPreferences.registerOnSharedPreferenceChangeListener(this);
    }
    @Override
public void onPause() {
        super.onPause();
        // Unregister the listener whenever a key changes          
        sharedPreferences.unregisterOnSharedPreferenceChangeListener(this);  
    }

Jangan lupa untuk menambahkan baris kode berikut yang berfungsi untuk menginisialisasi variabel sharedPreferences di OnCreate():

PreferenceManager preferenceManager = getPreferenceManager();
sharedPreferences = preferenceManager.getSharedPreferences();
sharedPreferences.registerOnSharedPreferenceChangeListener(this);

Happy Programming... :D ;)



referensi: 

1. http://stackoverflow.com/a/5890472
2. https://github.com/Prototik/HoloEverywhere/issues/576

How To Create Button With Different Color In Android

There is an easy way to change the color of default button in Android that I found from stackoverflow. We only need to create an xml for custom color (we name it custom_button.xml in res/drawable), add color value (in res/values/color.xml), and add android:background="@drawable/custom_button" tag in our button in layout. All of the code explained here can be downloaded from my github.

Here is my default button before editing:

These are the step to customize our button:

1. Add color value in res/value/color.xml. I use blue base color for button. Here the code:

    <color name="blue_middle">#3C73FF</color>    <color name="blue">#33b5e5</color>    <color name="blue_hard">#2ea9d6</color>

2. Add custom_button.xml in res/drawable. Here the code:

<?xml version="1.0" encoding="utf-8"?>
<selector
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape>
            <gradient
                android:startColor="@color/blue_hard"
                android:endColor="@color/blue"
                android:angle="270" />
            <stroke
                android:width="3dp"
                android:color="@color/blue_middle" />
            <corners
                android:radius="3dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
    <item android:state_focused="true" >
        <shape>
            <gradient
                android:endColor="@color/blue"
                android:startColor="@color/blue"
                android:angle="270" />
            <stroke
                android:width="3dp"
                android:color="@color/blue_middle" />
            <corners
                android:radius="3dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
    <item>      
        <shape>
            <gradient
                android:endColor="@color/blue"
                android:startColor="@color/blue"
                android:angle="270" />
            <stroke
                android:width="3dp"
                android:color="@color/blue" />
            <corners
                android:radius="3dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector> 

3. Add tag android:background="@drawable/custom_button" for the button in the layout. For example, here is my button code in layout (the bold text is the tag):

<Button
        android:id="@+id/buttonOpen"
        android:layout_width="300sp"
        android:layout_height="wrap_content"
        android:layout_marginTop="10sp"
        android:text="@string/login_screen_button_open"
        android:background="@drawable/custom_button"/>

Now, after applying these step, we will get our button like this:

 Voila, we finished it.... :D

Set items ActionBar Position

To positioning menu items of ActionBar, we can use android:menuCategory="system" and android:orderInCategory tag. the lower value of android:orderInCategory tag will be placed on the left. OrderInCategory will determines the order appearance, from low to high.

From my case, before I use these tag, with the following code in my res/menu/main.xml:

<menu 
...
<item
        android:id="@+id/action_search"
        app:actionViewClass="android.support.v7.widget.SearchView"
        android:icon="@drawable/ic_action_search"
        android:orderInCategory="1"
        app:showAsAction="collapseActionView|ifRoom"
        android:title="@string/action_search_unit"/>
    <item
        android:id="@+id/menu_share"
        android:icon="@drawable/ic_action_share"
        android:title="Share"
        android:orderInCategory="10"
        app:showAsAction="always"/>
    
    <item
        android:id="@+id/action_help"
        android:icon="@drawable/ic_action_help"
        android:showAsAction="ifRoom"
        android:orderInCategory="50"
        android:title="Help"/>
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"
        app:showAsAction="never"/>

</menu>

The result is like the picture in Picture 1:

Picture 1. Before using android:menuCategory="system"

Eventhough the value of android:OrderInCategory of Search menu item is the lowest of the all menu items, the icon still in the second place from the left.


So to force Search menu item to the left, we must add android:menuCategory="system" to all of menu items in res/menu/main.xml :

<menu 
     ...
    <item
        android:id="@+id/action_search"
        app:actionViewClass="android.support.v7.widget.SearchView"
        android:icon="@drawable/ic_action_search"
        android:menuCategory="system"
        android:orderInCategory="1"
        app:showAsAction="collapseActionView|ifRoom"
        android:title="@string/action_search_unit"/>
    <item
        android:id="@+id/menu_share"
        android:icon="@drawable/ic_action_share"
        android:title="Share"
        android:menuCategory="system"
        android:orderInCategory="10"
        app:showAsAction="always"/>
    
    <item
        android:id="@+id/action_help"
        android:icon="@drawable/ic_action_help"
        android:showAsAction="ifRoom"
        android:orderInCategory="50"
        android:menuCategory="system"
        android:title="Help"/>
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"
        android:menuCategory="system"
        app:showAsAction="never"/>

</menu>

Now, we get the Search menu item on the left like the picture in Picture 2:

Picture 2. After using android:menuCategory="system"

Happy Coding.. :D ;).

Country Flags Free Icon (Copy of iso-country-flags-svg-collection)

The github account of Jakob Flierl is not found anymore where I can get a collection of country flags icon. The project called iso-country-flags-svg-collection. But fortunately I have a git copy of it. So to prevent me to accidentally erase my copy, I put it in my github project. You can go to iso-country-flags-svg-collection

This repository contains 248 country flag SVG icons. Where most of the country flag icons are licensed under the Public Domain.

Android Layout with header and footer

As I'm trying to create an android application with a specific layout with header, I stumble upon an article on a Java code website named Java Code Geeks.

The article have a code for layout that closely related with a layout I need. Like here:

Look very Nice isn't it?....:D

As a backup for my purpose, I save it in my google drive here.

I really appreciate their work... D:

Cara Mengatasi Error Saat Update ADT di eclipse

Saat melakukan update Android Developer Tool pada Eclipse akan muncul error "An error has occurred. See error log for more details.com/android/utils/SparseArray" jika yang di-update hanya "Android Development Tools" saja.

Pastikan untuk mencentang pilihan "Android DDMS" seperti gambar di bawah ini:

Error Undefined reference to vtable for

Waktu saya mengkompile project di Qt Creator, muncul pesan "Undefined reference to vtable for...". Hal ini terjadi setelah saya menambahkan sebuah Class baru di project. Saja coba telusuri koding project saya satu persatu, tidak ada saya temukan kesalahan kode... Jadi bingung sampai hampir sejam lebih.

Setelah browsing di google untuk mencari solusi, ternyata masalah ini dapat diatasi dengan mudah. Hanya dengan mengeluarkan kelas yang ditambahkan tadi dari project, lalu menambahkannya kembali masalah ini dapat diatasi. Wihh... Untung saya belum sempat stress karenanya....:D

Ikon Set Gratis, Function Icon Set

Untuk yang memerlukan ikon bagi pengembangan website atau program, dapat menggunakan ikon gratis "Function Icon Set" dari wefunction.com. Ikon set ini dibuat oleh Function Design & Development Studio. Dapat dipakai gratis baik untuk pengembangan aplikasi komersial ataupun tidak.

Saat artikel ini saya posting, situs resminya masih dalam tahap perbaikan. Untuk sementara, ikon set ini dapat di download di www.iconmonsters.com.

link resminya dapat diakses di http://wefunction.com/2008/07/function-free-icon-set/

Floor and Ceil in VB6

In VB6 there is no built-in for Floor and Ceil function like in C language.
Let me explain for one who don't know what the purpose of Floor and Ceil, Floor is used for getting the lowest Value of number after the number is rounded and Ceil is use for getting the highest value of number after number is rounded.
for example:
  number = 21,45
 Floor(number) = 21
 Ceil(number) = 22

To overcome this, we can make a module for Floor and Ceil.
Here is the code (kudos for Mario Reynoso for the Code):



'>>--------------------------------------------------------------------------------
'Floor and Ceiling function
'Source http://mario-reynoso.blogspot.com/2009/01/ceiling-y-floor-en-vb6.html
'Devuelve el entero más pequeño no menor que X.
'Ejemplo: Ceiling(1.23) = 2, Ceiling(-1.23) = -1
Public Function Ceiling(ByVal x As Double) As Long
Ceiling = -Int(x * (-1))
End Function
'Devuelve el entero más grande no mayor que X.
'Ejemplo: Floor(1.23) = 1, Floor(-1.23) = -2
Public Function Floor(ByVal x As Double) As Long
Floor = (-Int(x) * (-1))
End Function
'
'<<--------------------------------------------------------------------------------

insert the code to the new module and save it.
To use the function, you can call it directly from you form like this:
Floor(variableNameOrControl)
Ceiling(variableNameOrControl)

Simple Selected Text Sequence In Vb6

A couple days before, I need a form in VB6 that can make a simple sequence for accounting code. I remember some work around for like i have seen before in Qt Creator. Trying with some effort and now it's working. I use some const variable to set the sequence number, so if someone want to add another sequence, they just need to set Upper number Array (U_LBLNUMBER) to the total of sequence -1 .

the formatting result will be set according to the selected number sequence of input text.

You can download the application and the source code in here.

Have a  fun. all righty then.. ;)

Mengubah Text di Textbox ke dalam Format Uang secara Real Time

Tutorial singkat ini menggunakan VB6.

Untuk mengubah text di textbox ke dalam format uang ternyata sangatlah mudah dilakukan. Hanya perlu beberapa baris kode di procedure KeyPress dan Change.
Ok, mari kita mulai.

1. buat form kosong di project vb.
2. tambahkan component textbox dan beri nama sebagai txtPrice
3. Masuk ke bagian kode, dan buat Procedure  txtPrice_KeyPress dan  txtPrice_Change seperti koding di bawah.



Private Sub txtPrice_Change()
    If (Len(txtPrice.Text) > 0) Then
      txtPrice.Text = FormatNumber(OriginalNum(txtPrice.Text), 0)
   End If
   txtPrice.SelStart = Len(txtPrice.Text)
End Sub



Private Sub txtPrice_KeyPress(KeyAscii As Integer)
   If (txtPrice.Text = "" Or txtPrice.Text = "0") Then
      txtPrice.Text = ""
   End If
   If (KeyAscii >= 48 And KeyAscii <= 57 Or KeyAscii = vbKeyBack Or KeyAscii = vbKeyDelete) And Not (KeyAscii = 13) And Not (KeyAscii = 46) Then


   Else
      KeyAscii = 0
   End If

   If (Len(txtPrice.Text) > 0) Then
      If (InStr(txtPrice.Text, ".") <> 0) Then
         txtPrice.Text = Replace$(txtPrice.Text, ".", "")
      End If
   End If
End Sub




4. Tambahkan fungsi OriginalNum



Public Function OriginalNum(str) As String
   'test dulu
   test = "100"
   testfmt = FormatNumber(test, 2)
   
   temp = str
   If InStr(testfmt, ",") > 0 Then 'format indonesia
      OriginalNum = Replace(temp, ".", "")
   ElseIf InStr(testfmt, ".") > 0 Then 'format english
      OriginalNum = Replace(temp, ",", "")
   End If
End Function



5. Kemudian test.
6. Finish.


Selamat Berkoding Ria....:D.

Program Pengirim Email Sederhana dengan VB 2008

Program yang menggunakan Visual Basic 2008 ini, berfungsi sebagai pengirim email sederhana.
Teknik yang digunakan sangat sederhana; memakai fungsi email yang tersedia di VB 2008.
fiturnya sangat sederhana juga, hanya menyimpan alamat email yang terkirim.
Program ini dibuat dengan menggunakan fungsi yang bisa menyimpan setting untuk berbagai alamat email dengan memanfaatkan sebuah file untuk menyimpan setting dari program.

Untuk lebih detail silahkan coba saja. Kode Source-nya dapat diunduh di sini. 

Selamat berprogram ria. :D. JlvsU

Mengaktifkan Sroll Mouse VB6 IDE

VB6, meskipun merupakan pemrograman yang jadul, pemrograman dengan menggunakannya masih tetap digandrungi saat ini. Saya saat ini 'terpaksa' memakai VB6 dikarenakan ada proyek yang harus menggunakan VB6, meskipun saya sama sekali tidak suka dengan VB6 ini....Hmm...

Pada IDE VB6 yang saya pakai, ternyata sroll mouse tidak bisa berfungsi pada saat mengedit koding. Tapi masalah ini sudah dipecahkan oleh microsoft sendiri dengan menambahkan sebuah add-in DLL yang bernama VB6IDEMouseWheelAddin.dll. Add-in ini bisa didownload dari situs http://support.microsoft.com/kb/837910 atau dari http://ifile.it/rh2i7oc/vb6mousewheel.exe. Untuk langkah-langkah mengaktifkan add-in ini, bisa dilihat pada situs http://support.microsoft.com/kb/837910.

Program Aplikasi Toko Sederhana Dengan VB 2008 dan MySQL

Program sederhana yang saya buat ini memakai Visual Basic 2008 Express dan MySQL sebagai databasenya.

Program ini masih jauuuuuuuuuuuuhhhhh dari komplit. Tapi saya berharap dapat dipakai oleh orang-orang
yang ingin belajar membuat aplikasi seperti ini.

Cara mengkompilenya sudah saya terangkan di dalam teks README.txt*. Jangan lupa mendownload MySQL Connector Net-nya (Saya memakai versi 6.0.2) dari mysql.com



ini link source codenya , dan ini databasenya, silahkan mengkompile sendiri..hehehe :D.

Selamat mencoba...:D



*HOW TO COMPILE (USE) THIS APP:
1. Install Mysql database.
2. Create database 'dbshop'.
3. Import database script "Dump20110526.sql" in this file folder to database dbshop.
4. Create user with uid = pamakke and password = B4h4s4B4t4csBr0
( CREATE USER pamakke@localhost IDENTIFIED BY 'B4h4s4B4t4csBr0';)
with privileges:
- SELECT - INSERT
- UPDATE - DELETE
- EXECUTE
to database 'dbshop'
(execute in mysql "GRANT SELECT,INSERT,UPDATE,DELETE,EXECUTE on dbshop.* to pamakke;").
5. Execute in mysql "GRANT SELECT ON MySQL.Proc to pamakke@localhost;". *
6. Install MysqConnector 6.02 from mysql.com.
7. Add MySql.Data.dll reference to project(default path:C:\Program Files\MySQL\MySQL Connector Net 6.0.2\Assemblies\MySql.Data.dll)
8. Then Build.
9. Use Name: 111a password: 12 status: Admin to login to this App.


NB: LINK SOURCE TELAH DIUPDATE. (source code: https://docs.google.com/file/d/0BxQG5rJuMpsWWE0zcXNvUjVMRlU/edit?usp=sharing)

Gagal lagi belajar..

Tadi malam, kerjaan saya hanya tidur, padahal sudah ambil ancang-ancang untuk belajar pemrograman visual, weleh-weleh susahnya untuk berubah.

Berdasarkan atas ide teman-teman saya, sepertinya baik untuk saya membuat blog baru dengan bahasa inggris hitung-hitung belajar bahasa inggris, siapa tahu bisa melanjut kuliah keluar negeri ( Angan-angan sih).
Tunggu aja tanggal mainnya he.. he.. he...