ฉันต้องการลบเงาออกจากปุ่มเพื่อให้ดูเรียบขึ้น
ฉันมีสิ่งนี้ในขณะนี้:
แต่ฉันต้องการสิ่งนี้:
ฉันต้องการลบเงาออกจากปุ่มเพื่อให้ดูเรียบขึ้น
ฉันมีสิ่งนี้ในขณะนี้:
แต่ฉันต้องการสิ่งนี้:
คำตอบ:
อีกทางเลือกหนึ่งคือการเพิ่ม
style="?android:attr/borderlessButtonStyle"
ไปที่ปุ่ม xml ของคุณตามที่บันทึกไว้ที่นี่ http://developer.android.com/guide/topics/ui/controls/button.html
ตัวอย่างจะเป็น
<Button
android:id="@+id/button_send"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/button_send"
android:onClick="sendMessage"
style="?android:attr/borderlessButtonStyle" />
วิธีที่ง่ายกว่าในการเพิ่มแท็กนี้ลงในปุ่มของคุณ:
android:stateListAnimator="@null"
แม้ว่าจะต้องใช้ API ระดับ 21 ขึ้นไป ..
android:stateListAnimator
แอตทริบิวต์หรือไม่
borderlessButtonStyle
สไตล์ซึ่งให้ความยืดหยุ่นมากขึ้น
ฉันใช้สไตล์ที่กำหนดเอง
<style name="MyButtonStyle" parent="@style/Widget.AppCompat.Button.Borderless"></style>
อย่าลืมเพิ่ม
<item name="android:textAllCaps">false</item>
มิฉะนั้นข้อความของปุ่มจะอยู่ใน UpperCase
Kotlin
stateListAnimator = null
ชวา
setStateListAnimator(null);
XML
android:stateListAnimator="@null"
ลอง : android:stateListAnimator="@null"
ปุ่ม desing วัสดุเพิ่มปุ่ม xml:
style="@style/Widget.MaterialComponents.Button.UnelevatedButton"
การใช้สิ่งนี้เป็นพื้นหลังสำหรับปุ่มของคุณอาจช่วยเปลี่ยนสีตามความต้องการของคุณ
<?xml version="1.0" encoding="utf-8" ?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" >
<shape android:shape="rectangle">
<solid android:color="@color/app_theme_light" />
<padding
android:left="8dp"
android:top="4dp"
android:right="8dp"
android:bottom="4dp" />
</shape>
</item>
<item>
<shape android:shape="rectangle">
<solid android:color="@color/app_theme_dark" />
<padding
android:left="8dp"
android:top="4dp"
android:right="8dp"
android:bottom="4dp" />
</shape>
</item>
</selector>
คำตอบ @ Alt-Cat ใช้งานได้สำหรับฉัน!
R.attr.borderlessButtonStyle ไม่มีเงา
และเอกสารของปุ่มดีมาก
นอกจากนี้คุณสามารถตั้งค่าสไตล์นี้บนปุ่มที่คุณกำหนดเองในตัวสร้างที่สอง
public CustomButton(Context context, AttributeSet attrs) {
this(context, attrs, R.attr.borderlessButtonStyle);
}
คำตอบทั้งหมดข้างต้นนั้นยอดเยี่ยม แต่ฉันจะแนะนำตัวเลือกอื่น:
<style name="FlatButtonStyle" parent="Base.Widget.AppCompat.Button">
<item name="android:stateListAnimator">@null</item>
<!-- more style custom here -->
</style>
แทนที่จะเป็นปุ่มคุณสามารถใช้ TextView และเพิ่ม listener การคลิกในโค้ด java
กล่าวคือ
ในโครงร่างกิจกรรม xml:
<TextView
android:id="@+id/btn_text_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimaryDark"
android:text="@string/btn_text"
android:gravity="center"
android:textColor="@color/colorAccent"
android:fontFamily="sans-serif-medium"
android:textAllCaps="true" />
ในไฟล์กิจกรรม java:
TextView btnTextView = (TextView) findViewById(R.id.btn_text_view);
btnTextView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// handler code
}
});