Cara menggunakan php xml to string

Pada tutorial pemrograman android kali ini kita akan belajar mengenai cara membuat text bold, italic, dan underline pada strings.xml. Sebenarnya ada banyak cara untuk memenuhi kebutuhan bold, italic, dan underline ini. Bisa melalui xmlnya langsung seperti kita set attributenya menggunakan text:style ataupun bisa menggunakan tag di dalam strings.xml. Nah tutorial kali ini yang saya tunjukan adalah dengan menggunakan metode set tag di strings.xml.

Contoh kasus biasanya kita dapati pada saat di halaman login, Misalnya dibawah suka ada tulisan “Belum punya akun? daftar disini“. Nah, untuk kasus seperti ini hal pertama yang saya lakuin adalah membuat layout linearlayout horizontal dan didalam komponennya terdapat 2 textview karena untuk textview “Daftar Disini” biasanya dia warnanya beda sendiri dan underline. Harapan dari tutorial pemrograman android cara membuat text bold, italic, dan underline ini adalah untuk memangkas komponen layout xmlnya, jadi kamu hanya meng-set 1 textview saja dan kamu set kebutuhan color dan underlinenya di strings.xml

Daftar Isi

Setup Project

Buat project dengan nama TextString. Seperti biasanya tambahkan empty activity saja untuk kebutuhan tutorial saat ini.

Menyiapkan strings.xml

Buka strings.xml. Caranya ke folder res → values → strings.xml. Lalu isi dengan beberapa string dibawah ini.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<resources>

    <string name="app_name">Text String</string>

    <string name="example_default">Farizdotid - Tutorial Pemrograman Android Bahasa Indonesia</string>

    <string name="example_bold"><b>Farizdotid - Tutorial Pemrograman Android Bahasa Indonesia</b></string>

    <string name="example_italic"><i>Farizdotid - Tutorial Pemrograman Android Bahasa Indonesia</i></string>

    <string name="example_underline"><u>Farizdotid - Tutorial Pemrograman Android Bahasa Indonesia</u></string>

    <string name="example_mix"><b>Farizdotid</b> - <i>Tutorial Pemrograman Android</i> <u>Bahasa Indonesia</u></string>

    <string name="example_mix_color"><b><font color='#1abc9c'>Farizdotid</font></b> - <i><font color='#3498db'>Tutorial Pemrograman Android</font></i> <u><font color='#c0392b'>Bahasa Indonesia</font></u></string>

    <string name="example_by_case_sign_up">Belum punya akun ? <u><font color='#c0392b'>Daftar Disini</font></u></string>

    <string name="title_default">Default :</string>

    <string name="title_bold">Bold :</string>

    <string name="title_italic">Italic :</string>

    <string name="title_underline">Underline</string>

    <string name="title_mix">Mix :</string>

    <string name="title_mix_color">Mix Color :</string>

    <string name="title_by_case_sign_up">By Case Sign Up :</string>

</resources>

Catatan:

• Tag <b>{content}</b> ini digunakan untuk membuat bold(menebalkan) suatu text.
• Tag <i>{content}</i> ini digunakan untuk membuat italic(memiringkan) suatu text.
• Tag <u>{content}</u> ini digunakan untuk membuat underline(garis bawah) suatu text.
• Tag <font color=’#1abc9c’>{content}</font> ini digunakan untuk membuat text menjadi berwarna dan #1abc9c ini adalah kode hex warnanya.

Menyiapkan Layout

Buka activity_main.xml. Caranya ke res → layout. Lalu tambahkan komponen textview seperti dibawah ini

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:padding="16dp"

    tools:context=".MainActivity">

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:textSize="14sp"

        android:text="@string/title_default"/>

   <TextView

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       android:layout_marginTop="4dp"

       android:textSize="18sp"

       android:text="@string/example_default"/>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="16dp"

        android:textSize="14sp"

        android:text="@string/title_bold"/>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="4dp"

        android:textSize="18sp"

        android:text="@string/example_bold"/>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="16dp"

        android:textSize="14sp"

        android:text="@string/title_italic"/>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="4dp"

        android:textSize="18sp"

        android:text="@string/example_italic"/>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="16dp"

        android:textSize="14sp"

        android:text="@string/title_underline"/>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="4dp"

        android:textSize="18sp"

        android:text="@string/example_underline"/>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="16dp"

        android:textSize="14sp"

        android:text="@string/title_mix"/>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="4dp"

        android:textSize="18sp"

        android:text="@string/example_mix"/>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="16dp"

        android:textSize="14sp"

        android:text="@string/title_mix_color"/>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="4dp"

        android:textSize="18sp"

        android:text="@string/example_mix_color"/>

<TextView

     android:layout_width="match_parent"

     android:layout_height="wrap_content"

     android:layout_marginTop="16dp"

     android:textSize="14sp"

     android:text="@string/title_by_case_sign_up"/>

<TextView

     android:layout_width="match_parent"

     android:layout_height="wrap_content"

     android:layout_marginTop="4dp"

     android:textSize="18sp"

     android:text="@string/example_by_case_sign_up"/>

</LinearLayout>

Catatan:

Jangan heran kalau preview di layoutnya tidak keluar seperti bold, italic, underline, colornya karena jika kita jalankan aplikasi maka akan muncul kok.