Lập trình android: Hướng dẫn custom toolbar trong android

Xin chào mọi người vừa rồi mình đã hướng dẫn sử dụng toolbar cơ bản trong android. Với bài viết ngày hôm nay mình sẽ hướng dẫn các Bạn custom toolbar. Nếu Bạn nào chưa biết sử dụng toolbar trong android như thế nào thì các Bạn có thể đọc lại bài viết. Bài Viết: Toolbar trong lập trình android. Thực chất việc custom một toolbar vẫn sẽ sử dụng tới sự hỗ trợ của actionbar. Vì vốn dĩ nó là actionbar mà :) . Nào chúng ta cùng vào custom toolbar trong android làm cho nó xinh xinh hơn nhé.
  1. Thêm icon cho app và ẩn tên app. cái này có thể nói rất phổ biến. Đó là thay thế cái tên app bằng 1 icon nào đó. Để ẩn tên app các Bạn thực hiện code sau.
    getSupportActionBar().setDisplayShowTitleEnabled(false);
    Hiển thị một icon các Bạn thêm dòng code.
    getSupportActionBar().setIcon(R.drawable.home);
     
  2. Thêm một button back ở trên thanh toolbar. Các Bạn thêm dòng code sau.

    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
     
  3. Custom menu cho toolbar nó sẽ cùng gần như của actionbar vậy đó các Bạn. Đầu tiên các Bạn chỉnh sửa file menu.xml như sau
    <menu xmlns:android="http://schemas.android.com/apk/res/android"
    
        xmlns:app="http://schemas.android.com/apk/res-auto" >
    
        <item
            android:id="@+id/action_menu"
            android:icon="@drawable/ic_action_filter"
            android:title="menu"
            app:showAsAction="always"/>
        <item
            android:id="@+id/action_reset"
            android:icon="@drawable/ic_action_refresh"
            app:showAsAction="always"
            android:title="reset"/>
    
    </menu>
      Sau khi sửa xong các icon các Bạn chỉnh sửa trong file xml luôn nhé. Để bắt được sự kiện các icon các Bạn thực hiện trong hàm " public boolean onOptionsItemSelected(MenuItem item) ". Cụ thể như sau nhé.
     @Override
        public boolean onOptionsItemSelected(MenuItem item) {
    
            switch (item.getItemId()) {
                case R.id.action_menu:
                    Toast.makeText(this, "Chao Ban button", Toast.LENGTH_SHORT).show();
                case R.id.action_reset:
                    Toast.makeText(this, "Chao Ban button", Toast.LENGTH_SHORT).show();
                    return true;
            }
            return super.onOptionsItemSelected(item);
        }
     
Bạn nên tham khảo : Notification trong lập trình android Với các lệnh code ở phần 1 mình chỉ. còn rất nhiều các lệnh khác khá hay ho đấy các Bạn tìm hiểu thêm nhé. Mình sẽ dừng lại bài viết tại đây. chúc các Bạn thành công.


Comments

Popular posts from this blog

Cách custom bo tròn cạnh imageView trong android

Tối ưu ListView với Viewholder trong lập trình ứng dụng android.

Lập trình android: Hiệu ứng khi xóa một item ra khỏi listview