Day 29 - FlatUI

1
dependencies {
2
    compile 'com.github.eluleci:flatui:2.1.1'
3
}

1
<com.cengalabs.flatui.views.FlatEditText
2
    android:id="@+id/edittext_transparentbox"
3
    android:layout_width="match_parent"
4
    android:layout_height="wrap_content"
5
    android:layout_margin="5dip"
6
    android:maxLines="1"
7
    android:gravity="center_vertical"
8
    android:hint="Transparent box"
9
    android:includeFontPadding="true"
10
    flatui:fl_fieldStyle="transparent"
11
    flatui:fl_theme="@array/grass" />

1
<LinearLayout
2
    xmlns:android="http://schemas.android.com/apk/res/android"
3
    xmlns:flatui="http://schemas.android.com/apk/res-auto"
4
    android:orientation="vertical"
5
    android:layout_width="match_parent"
6
    android:layout_height="match_parent"
7
    android:layout_margin="5dip"
8
    android:paddingLeft="10dip"
9
    android:paddingRight="10dip">
10

11
</linearlayout>

1
// กำหนดให้ใช้ ทุกๆอย่าง ใช้หน่วยวัดหน่วยเดียวกัน
2
FlatUI.initDefaultValues(this);
3

4
// ปรับแต่ง Theme ให้เป็นสไตล์ grass
5
FlatUI.setDefaultTheme(FlatUI.GRASS);
6

7
// ปรับแต่ง ActionBar ให้เป็นสไตล์ DEEP
8
getSupportActionBar().setBackgroundDrawable(FlatUI.getActionBarDrawable(this, FlatUI.DEEP, false));

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

3
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
4
              xmlns:flatui="http://schemas.android.com/apk/res-auto"
5
              android:orientation="vertical"
6
              android:layout_width="match_parent"
7
              android:layout_height="match_parent"
8
              android:layout_margin="5dip"
9
              android:paddingLeft="10dip"
10
              android:paddingRight="10dip">
11

12
            <com.cengalabs.flatui.views.FlatEditText
13
                android:id="@+id/edittext_flat"
14
                android:layout_width="match_parent"
15
                android:layout_height="wrap_content"
16
                android:layout_margin="5dip"
17
                android:maxLines="1"
18
                android:gravity="center_vertical"
19
                android:hint="Flat"
20
                android:includeFontPadding="true"
21
                flatui:fl_fieldStyle="flat"
22
                flatui:fl_theme="@array/sea" />
23

24
            <com.cengalabs.flatui.views.FlatEditText
25
                android:id="@+id/edittext_box"
26
                android:layout_width="match_parent"
27
                android:layout_height="wrap_content"
28
                android:layout_margin="5dip"
29
                android:maxLines="1"
30
                android:gravity="center_vertical"
31
                android:hint="Box"
32
                android:includeFontPadding="true"
33
                flatui:fl_fieldStyle="box"
34
                flatui:fl_theme="@array/grass" />
35

36
            <com.cengalabs.flatui.views.FlatEditText
37
                android:id="@+id/edittext_transparentbox"
38
                android:layout_width="match_parent"
39
                android:layout_height="wrap_content"
40
                android:layout_margin="5dip"
41
                android:maxLines="1"
42
                android:gravity="center_vertical"
43
                android:hint="Transparent box"
44
                android:includeFontPadding="true"
45
                flatui:fl_fieldStyle="transparent"
46
                flatui:fl_theme="@array/grass" />
47

48
            <com.cengalabs.flatui.views.FlatEditText
49
                android:id="@+id/edittext_transparent"
50
                android:layout_width="match_parent"
51
                android:layout_height="wrap_content"
52
                android:layout_margin="5dip"
53
                android:maxLines="1"
54
                android:gravity="center_vertical"
55
                android:hint="Transparent"
56
                android:includeFontPadding="true"
57
                flatui:fl_fieldStyle="transparent"
58
                flatui:fl_theme="@array/grass"
59
                flatui:fl_borderWidth="0dp" />
60

61
            <com.cengalabs.flatui.views.FlatToggleButton
62
                android:id="@+id/toggle_button"
63
                android:layout_width="96dp"
64
                android:layout_height="48dp"
65
                android:checked="true"
66
                flatui:fl_space="18dp"
67
                flatui:fl_cornerRadius="24dp" />
68

69
            <com.cengalabs.flatui.views.FlatSeekBar
70
                android:id="@+id/seek_bar"
71
                android:layout_width="match_parent"
72
                android:layout_height="wrap_content"
73
                android:layout_margin="5dip"
74
                android:max="100" />
75
</LinearLayout>

1
package com.devahoy.learn30androidlibraries.day29;
2

3
import android.os.Bundle;
4
import android.support.v7.app.ActionBar;
5
import android.support.v7.app.ActionBarActivity;
6

7
import com.cengalabs.flatui.FlatUI;
8
import com.cengalabs.flatui.views.FlatToggleButton;
9
import com.devahoy.learn30androidlibraries.R;
10

11
public class FlatUIActivity extends ActionBarActivity {
12

13
    @Override
14
    protected void onCreate(Bundle savedInstanceState) {
15
        super.onCreate(savedInstanceState);
16

17
        FlatUI.initDefaultValues(this);
18
        FlatUI.setDefaultTheme(FlatUI.SEA);
19

20
        ActionBar actionBar = getSupportActionBar();
21
        actionBar.setBackgroundDrawable(FlatUI.getActionBarDrawable(this, FlatUI.GRASS, false));
22

23
        setContentView(R.layout.day29_activity_flatui);
24

25
    }
26
}

1
FlatToggleButton toggleButton = (FlatToggleButton) findViewById(R.id.toggle_button);
2
toggleButton.getAttributes().setTheme(FlatUI.BLOSSOM, getResources());