AGENDA
Tutorials - Blackberry
Konfigurasi Font BlackBerry



Pada tutorial ini Anda akan mencoba melakukan hal berikut:

  1.  Membuat button sebagai menu
  2.  Mengatur font
  3.  Membuat sebuah file untuk konfigurasi

Step 1

Buatlah project baru dengan mengklik File »  New Project, kemudian pilihlah BlackBerry Project lalu klik tombol Next.

Selanjutnya klik Next.

Step 2

Kemudian pada jendela New BlackBerry Project ketikkan nama project BasicFontConfiguration, lalu klik tombol Finish

Step 3

Buatlah sebuah package baru, caranya pada project BasicFontConfiguration [klik kanan] » New » Package

Lalu pada jendela New Java Package, ketikkan Name: www.aplysit.com

Step 4

Pada package www.aplysit.com yang baru saja dibuat tadi, selanjutnya buatlah sebuah class baru, caranya  www.aplysit.com [klik kanan] » New » Class.

Step 5

Selanjutnya akan tampil window New Java Class, lalau berikan Name: LoadImage kemudian tekan tombol Finish.

Lalu akan ditampilkan sebuah editor class seperti gambar berikut:

Step 6

Modifikasilah isinya, sehingga source codenya menjadi seperti berikut ini:

/* Nama file : FontStyle.java
 * Website : www.aplysit.com
 * Deskripsi : Menggunakan jenis font dan style
 * Author : Ivan Michael Siregar
 */
package www.aplysit.com;

import net.rim.device.api.ui.*;
import net.rim.device.api.ui.container.*;
import net.rim.device.api.ui.component.*;

//public class FontStyle extends UiApplication implements FieldChangeListener {
public class FontStyle extends UiApplication {

    //Deklarasikan variabel
    final int buttonWidth = 350;

    public static void main(String[] args) {
        FontStyle theApp = new FontStyle();
        theApp.enterEventDispatcher();

    }

    public FontStyle() {

        //Instansiasi objek konfig menggunakan kelas Konfigurasi
        Configuration config = new Configuration();

        //Membuat objek screen utama beranama baseScreen
        final MainScreen baseScreen = new MainScreen();

        //Menentukan judul, dan mengatur jenis font
        //Jenis font diatur dengan memanfaatkan object config
        //Method yang digunakan adalah getJudulFont
        baseScreen.setTitle("APLYSIT CORP – PENGUJIAN FONT");
        baseScreen.setFont(config.getJudulFont());

        //Membuat tombol News, dan mengatur jenis font
        //Jenis font diatur dengan memanfaatkan object config
        //Method yang digunakan adalah getButtonFont
        ButtonField news = new ButtonField("NEWS", ButtonField.CONSUME_CLICK);
        news.setMinimalWidth(buttonWidth);
        news.setFont(config.getButtonFontPlain());

        //Membuat tombol Event, dan mengatur jenis font
        //Jenis font diatur dengan memanfaatkan object config
        //Method yang digunakan adalah getButtonFont
        ButtonField event = new ButtonField("EVENT", ButtonField.CONSUME_CLICK);
        event.setMinimalWidth(buttonWidth);
        event.setFont(config.getButtonFontBold());

        //Membuat tombol Lowongan, dan mengatur jenis font
        //Jenis font diatur dengan memanfaatkan object konfig
        //Method yang digunakan adalah getButtonFont
        ButtonField lowongan = new ButtonField("LOWONGAN", ButtonField.CONSUME_CLICK);
        lowongan.setMinimalWidth(buttonWidth);
        lowongan.setFont(config.getButtonFontPlain());

        //Memasukkan seluruh komponen ke atas baseScreen
        baseScreen.add(news);
        baseScreen.add(event);
        baseScreen.add(lowongan);

        //Menempatkan baseScreen ke dalam layar
        pushScreen(baseScreen);
    }
}

Untuk melakukan import library secara otomatis, maka Anda dapat menekan CTRL-SHIFT-O secara bersamaa.

Step 7

Kemudian buat 1 class lagi dengan nama Configuration.java dan modifikasilah source code nya sehingga seperti berikut:

/* Nama file : Configuration.java
 * Website : www.aplysit.com
 * Deskripsi : Kelas yang mengatur konfigurasi font
 * Author : Ivan Michael Siregar
 */
package www.aplysit.com;

import net.rim.device.api.ui.Font;
import net.rim.device.api.ui.FontFamily;
import net.rim.device.api.ui.Ui;

public class Configuration {

    public Configuration() {

    }

    public Font getJudulFont() {
        //====== { bagian ini untuk menspesifikasikan font yang akan digunakan pada title
        FontFamily timesNewRomanFamily = null;
        try {
            timesNewRomanFamily = FontFamily.forName("Times New Roman");
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }

        Font titleFont = timesNewRomanFamily.getFont(Font.PLAIN, 8, Ui.UNITS_pt);

        return titleFont;
        //====== } bagian ini untuk menspesifikasikan font yang akan digunakan pada title
    }

    public Font getButtonFontPlain() {
        //====== { bagian ini untuk menspesifikasikan font yang akan digunakan pada button
        // font berjenis PLAIN
        FontFamily alphaSerifFamily = null;
        try {
            alphaSerifFamily = FontFamily.forName("bbalpha serif");
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }

        Font buttonFont = alphaSerifFamily.getFont(Font.PLAIN, 6, Ui.UNITS_pt);

        return buttonFont;
        //====== } bagian ini untuk menspesifikasikan font yang akan digunakan pada button
    }

    public Font getButtonFontBold() {
        //====== { bagian ini untuk menspesifikasikan font yang akan digunakan pada button
        // font berjenis BOLD
        FontFamily alphaSerifFamily = null;
        try {
            alphaSerifFamily = FontFamily.forName("bbalpha serif");
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }

        Font buttonFont = alphaSerifFamily.getFont(Font.BOLD, 6, Ui.UNITS_pt);

        return buttonFont;
        //====== } bagian ini untuk menspesifikasikan font yang akan digunakan pada button
    }
}

Step 8

Sekarang saatnya melakukan ujioba. Pada proyek BasicFontStyle [klik kanan] »  Run As »  BlackBerry Simulator

Step 9

Hasilnya adalah seperti berikut:

 

Source code lengkap dapat di download di:www.aplysit.com/kotakbrankas/BasicFontConfiguration.rar

Like or Share This Article




COMMENTS ( 0 )
 
Keep connected with us, mobile apps available now !!