Lập trình android: Toolbar trong lập trình android.

Nếu như Bạn đã update android studio lên phiên bản 1.4 thì nếu các Bạn để ý. về code giao diện sẽ thay đổi rất là nhiều. Đặc biệt là trong file XML. Khi các Bạn mới khởi tạo một project thì nó không chỉ có 1 file xml mà có tới 2 file vậy đó là gì ? Đó là một thay đổi khi google cung cấp thêm loại kẹo mới điều đó có lẽ mình không nên quan tâm nhiều. Mình hãy quan tâm đến code, những thay đổi ở code là google đã chán actionbar và chuyển sang toolbar. Có thể nói toolbar là đành em của actionbar nên hiển nhiên nó có nhiều lợi thế hơn như, chỉnh sửa dễ và được phép tùy biến nhiều hơn... Và hôm nay mình sẽ hướng dẫn các Bạn sử dụng Toolbar trong android.

 Bắt đầu các Bạn tạo một file XML có tên activity_main.xml và trong đó định nghĩa như sau.

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    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:fitsSystemWindows="true"
    tools:context=".MainActivity">

    <android.support.design.widget.AppBarLayout android:layout_height="wrap_content"
        android:layout_width="match_parent" android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar android:id="@+id/toolbar"
            android:layout_width="match_parent" android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />
    

</android.support.design.widget.CoordinatorLayout>

2. Các Bạn hãy tạo một file XML nữa có tên content_main.xml và định nghĩa đơn giản như sau.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main" tools:context=".MainActivity">

    <TextView android:text="Các Bạn đang xem code tại blog Lê Đại Tú" android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>

3. Tại file MainActivity.java trong Oncreat các Bạn thêm 2 dòng code sau để có được 1 cái toolbar đẹp đẹp.

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

Vậy là chúng ta đã hoàn thành việc tìm hiểu kiểu ngắm hoa sơ muối về toolbar sẽ có một hoặc nhiều bài hơn nữa về custom chúng. Mời các Bạn đón xem phần tiếp theo tại Ledaitu.win .... Mọi góp ý hoặc thắc mắc. các Bạn vui lòng để lại comment bên dưới.