StatusBar Style Google Map ลองกันเลย!

สวัสดีครับวันนี้เราก็จะมาพูดถึงการทำ Status Bar แบบ style google map โดยการดีไซน์ในสไตล์แบบนี้ก็เหมาะสมกับงานหลายประเภทครับ โดยจะทำให้ผู้ใช้งานรู้สึกถึงความกว้างของหน้าจอว่ามีขนานเพิ่มขึ้นและทำเพื่อความสวยงามของตัวแอปพลิเคชันอีกด้วย เรามาลองดูกันเลยครับว่ามีแนวทางการเขียนโค้ดกันยังไง?
เปิดไฟล์ layout/activity_main.xml เพิ่ม android:fitsSystemWindows="true" ในส่วนของไฟล์ layout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true" 
    tools:context="com.todo.geekcreator.todosuccess.MainActivity">

</RelativeLayout>

เปฺิดไฟล์ java/MainActivity.java

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);

}

เพิ่มโค้ดนี้ในส่วนของ onCreate เพียงเท่านี้ Status Bar ของเรา ก็จะมี style แบบของทาง google map แล้วครับ สำหรับตัวอย่างของแอปพลิเคชันที่ใช้ในการออกแบบหน้าจอแบบนี้สามารถดาวน์โหลดได้ที่ลิงค์นี้เลย คลิก สำหรับวันนี้ก็คงต้องของจบไว้เพียงเท่านี้สวัสดีครับ