วิธีการในการสร้าง Magic Button Android Studio
การสร้าง Magic Button เป็นฟังชั่นเสริมของ Android ที่จะช่วยในการตกแต่ง ปุ่ม ใน Application ของเรานั้นให้มีความสวยงามและน่าใช้มากยิ่งขึ้น
ภาพตัวอย่าง Magic Button
- 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
[color=#40FF00][size=150][b]วิธีการในการสร้าง Magic Button Android Studio[/b][/size][/color]
การสร้าง Magic Button เป็นฟังชั่นเสริมของ Android ที่จะช่วยในการตกแต่ง ปุ่ม ใน Application ของเรานั้นให้มีความสวยงามและน่าใช้มากยิ่งขึ้น
ภาพตัวอย่าง Magic Button
[attachment=0]MagicButton.gif[/attachment]
จากภาพจะเห็นได้ว่า ปุ่ม นั้นสามารถออกแบบให้มีความสวยงามและน่าใช้มากสามารถออกแบบได้ตามที่เราต้องการได้
วิธีการในการทำ Magic Button
Code ในส่วนของ [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2129-xml-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]XML[/url] Layout
[code]<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]
Code ในส่วนของหน้า MainActivity
[code]magicButton.setMagicButtonClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
yourAction();
}
});[/code]
[b]
การ import[/b]
Gradle
[code]dependencies {
compile 'com.github.bloder:magic:1.1'
}[/code]
Maven
[code]<dependency>
<groupId>com.github.bloder</groupId>
<artifactId>magic</artifactId>
<version>1.1</version>
<type>pom</type>
</dependency>[/code]
Ivy
[code]<dependency org='com.github.bloder' name='magic' rev='1.1'>
<artifact name='$AID' ext='pom'></artifact>
</dependency>[/code]
แค่เราก็จะได้ในส่วนของ Magic Button มาใช้งานแล้วครับ
อ้างอิง : android-arsenal.com