[Android Dev] :: SeekBar (แถบเลื่อน)

Widget ตัวนี้เป็นการเล่นกับ "ช่วง" ของตัวเลขนะครับ ^^~
ลักษณะก็จะเป็นแถบเลื่อนแบบนี้


เริ่มกันในส่วนของ Interface นะครับ...


ขั้นแรกบาสใส่ RelativeLayout เข้าไปก่อน >< (รู้สึกว่า บาสจะชอบ RelativeLayout เป็นพิเศษนะ)


จากนั้นก็ใส่ TextView และ SeekBar เข้าไปอย่างล่ะตัวนะ ^^
ส่วนของ TextView คงไม่อธิบายโค้ดนะครับ... พูดกันในเรื่องของ SeekBar

 - บรรทัดที่ 1-6 ก็เป็นการประกาศตัวแปร ขนาดความสูง ความกว้าง การจัดวาง
   คำสั่งก็เหมือนเดิมแหละครับ
 - บรรทัดที่ 7 android:max เป็นการกำหนดค่าสูงสุดของ Seekbar
 - บรรทัดที่ 8 android:progress เป็นการกำหนดค่าว่าเมื่อ รันโปรแกรมแล้ว seek จะอยู่ที่ตำแหน่งใด
   (ค่าที่กำหนดจะต้องอยู่ในช่วง 0 - max)

ส่วนของ Interface หลัก ๆ คงหมดเท่านี้แหละครับ Property ที่เหลือไปลองเล่นกันเองนะ ^^

มาในส่วนของ Java กันบ้าง...
เปิดไฟล์ .java ที่อยู่ใน scr มาเลยครับ ^^



จากนั้นก็ import ... (บรรทัดที่ 3-6)
               ประกาศตัวแปร (บรรทัดที่ 10,11)
               link กับ interface ให้เรียบร้อย (บรรทัด 18,19)


ให้เราเพิ่ม Listener ที่ชื่อว่า setOnSeekBarChangeListerner ให้กับ SeekBar ของเรา
เพื่อเช็คการเลื่อนแถบของเรา... (ใส่ไว้หลังจากการ link interface)


ต่อไปก็ให้เราเขียน innerClass ขึ้นมา... (พิมพ์แค่บรรทัดแรกพอมัน auto มาก็ enter เดี๋ยวมันขึ้นทั้งหมดให้)
โดยจะมี Method หลัก ๆ 3 อันคือ ...

 - onStopTrackingTouch
   ถูกเรียกใช้งานเมื่อหยุดเลื่อน SeekBar
 - onStartTrackingTouch
   ถูกเรียกใช้งานเมื่อเริ่มเลื่อน SeekBar
 - onProgressChanged
   ถูกเรียกใช้งานเมื่อมีการเลื่อนแถบ SeekBar

ในที่นี้บาสเรียกใช้เฉพาะ Method onProgressChanged แต่ "ห้าม" ลบ Method อื่นทิ้งนะ ^^ ต้องเขียนทิ้งไว้
ใน onProgressChanged บาสสั่งให้ setTextSize ให้กับ TextView ^^

โดยเราจะใช้ Method
          getProgess()  <-- Method ที่จะ return ค่าของ SeekBar (int)
แต่ Method setTextSize() นั้นรับค่าเป็น float เท่านั้น...
ดังนั้น Method getProgress() ของ SeekBar ที่ return ค่ากลับมาเป็น int เราต้องเปลี่ยนเป็น float ซะก่อน


โปรแกรมที่ได้ ก็จะมีหน้าตาประมาณนี้ครับ


เราก็จะสามารถเลื่อน เพื่อเปลี่ยน Size ของตัวอักษรใน TextView ได้... ลองดูสิครับ...

ขอจบ Blog เพียงเท่านี้นะครับ... ^^

Comments

  1. UnknownJune 18, 2011 at 3:00 AM

    คุณบาสค่ะพอจะมี App ที่ค้นหาข้อมูล ที่เป็น Android อ่ะค่ะ อย่างเช่นว่า

    พิมชื่อลงไป แล้ว output ชื่อโรงเรียนที่กำลังศึกษาอยู่ค่ะ อยากรู้ว่าการเขียน code search มันเขียนยังไง ขอบคุณล่วงหน้าค่ะ

    ReplyDelete
  2. UnknownJune 20, 2011 at 8:14 PM

    การ Search สามารถใช้ Data Structure ทั่วไป เช่น Binary Search ได้เลยครับ

    ขึ้นอยู่กับการเก็บข้อมูลครับ ?? - - ว่าเก็บข้อมูลแบบไหน... แล้วก็ค่อยเลือกว่าจะ Search ด้วยวิธีไหนครับ ...

    หรือคุณหมายถึง Search จาก Search Engine ครับ ??

    ReplyDelete
  3. nuantJuly 28, 2011 at 1:56 PM

    ขอสอบถามเพื่มเติมน่ะค่ะ
    อยากทราบว่าถ้านำไปใช้กับ mediaplayer แล้วต้องทำการโค้ดอย่างไรค่ะ ใน boolean อ่ะค่ะ

    ขอบคุณมากค่ะ

    ReplyDelete

Post a Comment

Popular posts from this blog

12 วิธี การบริการและดูแลลูกค้าในร้าน Starbucks

Image
ใครหลายคนมักตั้งคำถามว่า "จะดื่มกาแฟแก้วละเกือบ 200 ไปทำไม ดื่มแล้วได้อะไร?" ผมพบเจอบทความหนึ่งจาก Internet เกี่ยวกับอีกสิ่งสำคัญของ Starbucks นอกจากกาแฟ นั่นคือ ระบบการบริการลูกค้า (Customer Service) ที่เป็นหัวใจที่สำคัญยิ่งของกาแฟแบรนด์ดังที่ชื่อว่า Starbucks จากวิสัยทัศน์ของผู้บริหารกาแฟ Starbucks ที่มุ่งเน้นไปที่การบริการลูกค้าให้ดีที่สุด ซึึ่งมาจากพนักงานที่ยอดเยี่ยมที่สุดจากทาง Starbucks และมีความเชื่อมั่นและให้ความใส่ใจกันองค์กรเป็นอย่างยิ่ง ซึ่งสำหรับผู้ที่ดื่มกาแฟ Starbucks เป็นปกติอยู่แล้วก็จะได้รับการบริการด้วยไมตรีจิตที่ดีจากพนักงานหรือเรียกอีกอย่างว่า “partners” ที่แฝงไว้ซึ่งคุณภาพภายใต้การสวมใส่ผ้ากันเปื้อนสีเขียว เราจะมาดูกันครับว่า 12 วิธีการบริการลูกค้าร้านกาแฟที่เป็นหัวใจที่สำคัญของทาง Starbucks นั้นมีอะไรบ้าง 1. สอบถามความต้องการลูกค้าเพื่อช่วยตัดสินใจ การเริ่มต้นด้วยคำถามที่เป็นการช่วยลูกค้าตัดสินใจ เมื่อลูกค้าเข้าร้านมา อย่างเช่น “สวัสดีค่ะ คุณจะรับชาหรือกาแฟดีคะ”, “ไม่ทราบว่าคุณจะรับเป็นเครื่องดื่มร้อนหรือว่าเย็นดีคะ” หรือ อาจจะเป็นคำถ...
Read more

ประสบการณ์การถ่ายภาพดาราศาสตร์ (Astrophotography)

Image
เมื่ออาทิตย์ที่ผ่านมา ผมอยู่ที่เชียงใหม่ครับเพื่อเข้าร่วมกิจกรรมหนึ่งที่พบเจอโดยบังเอิญใน กลุ่มของคนที่ถ่ายภาพดาวและธรรมชาติ ซึ่งกิจกรรมที่ว่าคือ "การล่าช้างต้นฤดู" แต่อย่าเข้าใจผิดนะ เราไม่ได้ไปรวมตัวกันฆ่าสัตว์แต่อย่างใด ช้างที่ว่าคือ "ทางช้างเผือก" นั่นเอง ผมนั้น อยากถ่ายรูปแบบนี้มาตั้งนานเลย ก็เลยขอเข้าร่วมไปด้วยความตื่นเต้นเลยล่ะ ทางช้างเผือก ปกติแล้วจะปรากฎตัวให้เห็นชัดๆ ตั้งแต่เดือนกุมภาพันธ์ไปจนถึงเดือนตุลาคมเลยครับ โดยองศาของมันก็จะเปลี่ยนไปตามช่วงเวลา ในตอนที่ผมไปนั้นจะเป็นช่วงที่ทางช้างเผือกจะค่อนข้างขนานกับขอบฟ้า และขึ้นตอนประมาณตีสี่ของเช้าวันนั้น การถ่ายรูปทางดาราศาสตร์มีชื่อเรียกเป็นภาษาอังกฤษว่า "Astrophotography" และกิจกรรมที่จัดนี้คือ "Astrophotography Marathon" จัดโดยทหารอากาศร่วมกับ NARIT (สถาบันวิจัยดาราศาสตร์แห่งชาติ) และชมรมการถ่ายภาพภาคเหนือ ด้วยความที่ทางช้างเผือกขึ้นตีสี่ ก่อนหน้านั้นทาง NARIT ก็ได้พาเราไปถ่ายทุกสิ่งอย่างที่เราจะสามารถถ่ายได้ใน 1 วัน (เรียกว่า 1 คืนแล้วกัน) ใครอยากรู้ว่าเราสามารถถ่ายอ...
Read more

[Android Dev] การติดตั้ง Eclipse+AndroidSDK เพื่อพัฒนาโปรแกรมบน Android

Image
สุดท้ายก็ต้องมาเขียนจนได้ ฮาฮา... ถือว่าเขียนเก็บไว้ให้ตัวเองในอนาคตด้วย เผื่อต้องลง Mac ใหม่ ฮาฮา ถ้าใครต้องการเขียน Android โดยเฉพาะ มีวิธีสบายๆ กว่านั้น ตอนนี้ Google จัดทำ Developer Tools Bundle มาให้แล้วนะครับ อ่านได้ที่นี่เลย -->   http://www.macbaszii.com/2012/11/android-dev-android-developer-tools.html จะเขียนแบบ Step by Step นะครับ Step 1 :: Download and Install Eclipse Editor http://www.eclipse.org/downloads/ ผมแนะนำให้คนที่ใช้ Indigo อยู่เปลี่ยนไปใช้ Juno นะครับ ซึ่งตอนนี้ในหน้า Download Page ที่ผมให้ไว้มัน Default ไว้เป็น Eclipse Juno 4.2 แล้วล่ะครับ เข้าที่นี่นะครับ แล้วโหลด  Eclipse IDE for Java Developers เลือกระบบปฏิบัติการของตัวเองที่ด้านขวาบนด้วยนะครับ 32 หรือ 64 bit ก็แล้วแต่ระบบของคุณ แล้วก็ทำการติดตั้งลงบนเครื่องให้เรียบร้อย การติดตั้งที่ผมว่าเนี่ย รู้สึกว่าแค่แตกไฟล์ไปที่ C:/ ก็พอแล้วล่ะครับ (สำหรับ Windows)  ส่วนฝั่ง Mac เอาไปไว้ตรงไหนก็ได้ครับ Step 2 :: Download and Install Android SDK  ให้กดเข...
Read more