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

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: วิธีการในการสร้าง Magic Button Android Studio

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

by 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 3291 times
จากภาพจะเห็นได้ว่า ปุ่ม นั้นสามารถออกแบบให้มีความสวยงามและน่าใช้มากสามารถออกแบบได้ตามที่เราต้องการได้

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

Code: Select all

<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

Code: Select all

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

การ import


Gradle

Code: Select all

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

Code: Select all

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

Code: Select all

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

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

Top