การสร้าง Magic Button เป็นฟังชั่นเสริมของ Android ที่จะช่วยในการตกแต่ง ปุ่ม ใน Application ของเรานั้นให้มีความสวยงามและน่าใช้มากยิ่งขึ้น
ภาพตัวอย่าง Magic Button จากภาพจะเห็นได้ว่า ปุ่ม นั้นสามารถออกแบบให้มีความสวยงามและน่าใช้มากสามารถออกแบบได้ตามที่เราต้องการได้
วิธีการในการทำ 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'
}
โค้ด: เลือกทั้งหมด
<dependency>
<groupId>com.github.bloder</groupId>
<artifactId>magic</artifactId>
<version>1.1</version>
<type>pom</type>
</dependency>
โค้ด: เลือกทั้งหมด
<dependency org='com.github.bloder' name='magic' rev='1.1'>
<artifact name='$AID' ext='pom'></artifact>
</dependency>
อ้างอิง : android-arsenal.com