วิธีการในการสร้าง Magic Button Android Studio

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: วิธีการในการสร้าง Magic Button Android Studio

วิธีการในการสร้าง Magic Button Android Studio

โดย rangsan » 22/05/2018 6:37 pm

วิธีการในการสร้าง Magic Button Android Studio

การสร้าง Magic Button เป็นฟังชั่นเสริมของ Android ที่จะช่วยในการตกแต่ง ปุ่ม ใน Application ของเรานั้นให้มีความสวยงามและน่าใช้มากยิ่งขึ้น

ภาพตัวอย่าง Magic Button
MagicButton.gif
MagicButton.gif (34.2 KiB) Viewed 4992 times
จากภาพจะเห็นได้ว่า ปุ่ม นั้นสามารถออกแบบให้มีความสวยงามและน่าใช้มากสามารถออกแบบได้ตามที่เราต้องการได้

วิธีการในการทำ Magic Button
Code ในส่วนของ XML Layout

โค้ด: เลือกทั้งหมด

<br.com.bloder.magic.view.MagicButton
        android:id="@+id/magic_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:magic_button_size="50dp"
        app:button_icon="@drawable/your_icon"
        app:button_icon_width="25dp"
        app:button_icon_height="25dp"
        app:hide_text="Hi Mom!"
        app:hide_text_size="15dp"
        app:hide_text_color="@android:color/black"
        app:icon_button_color="button_icon_color"
        app:expandable_area_color="that_expandable_button_part_color"/>

Code ในส่วนของหน้า MainActivity

โค้ด: เลือกทั้งหมด

magicButton.setMagicButtonClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        yourAction();
      }
});

การ import


Gradle

โค้ด: เลือกทั้งหมด

dependencies {
    compile 'com.github.bloder:magic:1.1'
}
Maven

โค้ด: เลือกทั้งหมด

<dependency>
  <groupId>com.github.bloder</groupId>
  <artifactId>magic</artifactId>
  <version>1.1</version>
  <type>pom</type>
</dependency>
Ivy

โค้ด: เลือกทั้งหมด

<dependency org='com.github.bloder' name='magic' rev='1.1'>
  <artifact name='$AID' ext='pom'></artifact>
</dependency>
แค่เราก็จะได้ในส่วนของ Magic Button มาใช้งานแล้วครับ

อ้างอิง : android-arsenal.com

ข้างบน