Pemrograman C#, Aplikasi Membuat Emoticon

Kali ini tim TKG akan memberikan sedikit tips tentang bagaimana menambahkan emoticon pada aplikasi C# layaknya aplikasi cathing facebook. Agar bisa menambahkan emoticon berdampingan dengan text di C#, tool atau komponen yang digunakan bukanlah textbox melainkan RichTextBox. Untuk lebih memahami tentang bagaimana cara menambahkan emoticon pada aplikasi C#, sebaiknya ikuti langkah-langkah yang akan dijelaskan berikut.

1. Sediakan gambar emoticon yang akan digunakan dan format penulisan untuk menambah emoticon. Dalam hal ini tim TKG akan menggunakan lima macam imoticon seperti dibawah.

2. Buat project baru windows form dan beri nama dengan ContohEmoticon.

3. Tambahkan RichTextBox yang tersedia pada toolbox, kemudian atur ukuran sesuai dengan kebutuhan. Jika sudah selesai form akan tampil seperti dibawah.
    

4. Langkah selanjutnya adalah memasukkan gambar emoticon yang telah disediakan kedalam projek. Pada tahap ini dapat dilakukan dengan cara pilih menu PROJECT -> PROPERTIES. Pada tab Resouces pilih Add Resource -> Add Existing File. Jika sudah selesai, maka kurang lebih akan tampil seperti ini.

5. Buat sub program dengan nama buatEmot dan tambahkan kode program berikut.
 
Hashtable emotIcons;
private
void
buatEmot()
{
    
emotIcons =
new
Hashtable(5);
    
emotIcons.Add(
":-D"
, ContohEmoticon.Properties.Resources._1);
    
emotIcons.Add(
":-@"
, ContohEmoticon.Properties.Resources._2);
    
emotIcons.Add(
":-P"
, ContohEmoticon.Properties.Resources._3);
    
emotIcons.Add(
":-("
, ContohEmoticon.Properties.Resources._4);
    
emotIcons.Add(
"(y)"
, ContohEmoticon.Properties.Resources._5);
}

6. Tambahkan event load pada form kemudian panggil sub program buatEmot seperti dibawah.

private
void
Form1_Load(
object
sender, EventArgs e)
{
     
buatEmot();
}
 

6. Tambahkan event TextChanged pada RichTextBox dan kemudian tulis kode program berikut.
   
        
    private
    void
    richTextBox1_TextChanged(
    object
    sender, EventArgs e)
    {
         
    int
    i = 0;
         
    foreach
    (
    string
    emot
    in
    emotIcons.Keys)
         
    {
            
    i++;
            
    int
    ind;
            
    while
    (richTextBox1.Text.Contains(emot))
            
    {
                 
    ind = richTextBox1.Text.IndexOf(emot);
                 
    richTextBox1.Select(ind, emot.Length);
                 
    Clipboard.SetImage((Image)emotIcons[emot]);
                 
    richTextBox1.Paste();
                 
    Clipboard.Clear();
                 
    richTextBox1.SelectionStart = richTextBox1.Text.Length;
                 
    richTextBox1.ScrollToCaret();
             
    }
         
    }
    }

7. Selanjutnya coba dan jalankan aplikasi tersebut, dan ketikkan format penulisan emoticon yang telah disediakan sebelumnya. Misalnya, coba tulis Tutorial Komputer Gratis :- D atau Panca Media (y). Jika telah mengikuti langkah-langkah diatas dan tidak ada eror akan tampil seperti gambar dibawah.

Mudah bukan…???

Semoga tips kali ini bermanfaat. Salam Tim TKG.