[TUT VietAndroid] Custom dễ dàng ProgressBar và SeekBar

Thảo luận trong 'Điện thoại, viễn thông' bắt đầu bởi g08ct, 4/9/12.

  1. g08ct New Member

    g08ct

    Tham gia ngày:
    15/8/12
    Bài viết:
    1,116
    Đã được thích:
    55
    Điểm thành tích:
    0
    Giới tính:
    Nam
    Tình hình là mình thấy có nhiều bạn làm game đã giới thiệu trên 4r. sau khi chạy thử game của các bạn mình thấy đa phần giao diện đẹp, bắt mắt nhưng lại có một số game giao diện đã đẹp ùi tự nhiên lại có một cái ProgressBar hay SeekBar mặc định của thằng android( các bạn chưa custom nó ) nên nom cái giao diện của game nó xấu đi hẳn. ( mình rất kỵ cái game nào mà có giao diện đẹp mà mọc ra một cái không ra đâu vào đâu). hum nay mình viết cái tut này để ace nào biết nó mà sử dụng. tut là custom 2 cái thằng ProgressBar và SeekBar. bắt đầu nhé. ở đây chỉ là custom ProgressBar đơn giản thôi, để custom ProgressBar theo kiểu xoay xoay khi loading một cái gì đó thì các ace cố chờ nhé!

    Bước 1: tạo project
    Bước 2: tạo mail.xml như sau nhé
    Mã:
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout
      xmlns:android="[URL]http://schemas.android.com/apk/res/android[/URL]"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:Orientation="vertical"
      android:background="#f0ffffff">
      <ProgressBar
        android:id="@+id/mypb"
        android:layout_width="fill_parent"
        android:layout_height="30dp"
        android:max="100"
        android:Progress="50"
        android:layout_marginTop="50dp"
        android:drawingCacheQuality="high"
        android:ProgressDrawable="@drawable/seek_progress_clip"
        android:secondaryProgress="75"
        style="?android:attr/progressBarStyleHorizontal"/>
      <SeekBar
          android:layout_width="fill_parent"
          android:id="@+id/seekBar1"
          android:thumb="@drawable/game_progress_pink"
          android:Progress="50" android:max="100"
          android:layout_height="wrap_content"
          android:ProgressDrawable="@drawable/seek_progress_clip"
          android:secondaryProgress="50"
          android:layout_marginTop="50dp"/>
    </LinearLayout>
    
    
    trong đó @drawable/seek_progress_clip là một file seek_progress.xml các bạn tạo trong thư mục drawable, nó như sau:

    Mã:
    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="[URL]http://schemas.android.com/apk/res/android[/URL]">
    <item android:id="@android:id/background" android:drawable="@drawable/game_progress_bg"/>
    <item android:id="@android:id/secondaryProgress">
        <clip android:drawable="@drawable/game_progress_gray"/>
    </item>
    <item android:id="@android:id/progress">
        <clip android:drawable="@drawable/game_progress_green"/>
    </item>
    </layer-list>
    
    
    vậy là xong rùi đóa ( tất cả các @drawable khác là một bức ảnh .9.png nhé)
    việc custom nó chỉ đơn giản vậy thôi mà sao các ace lại không làm được kể cũng lạ đời thật
    và đây là hình ảnh mà mình đã custom nó:

    [​IMG]



    TrungPD
    Nguồn: vietandroid
     
    Đang tải...
  2. chucongtung New Member

    chucongtung

    Tham gia ngày:
    17/7/13
    Bài viết:
    8
    Đã được thích:
    0
    Điểm thành tích:
    0
    Giới tính:
    Nam
    <layer-list> này hỗ trợ từ phiên bản bao nhiêu thế bạn. hình như 2.3 không hỗ trợ thì phải.
     

Chia sẻ trang này