没有阴影的材质设计按钮

时间:2016-10-31 11:28:15

标签: android button material-design flat

我最近开始进行android开发,而且我有点挣扎。 我阅读了有关创建drawables等的不同文章和教程。

现状

我创建了以下按钮:

Social Login Buttons

使用以下代码:

    <android.support.v7.widget.AppCompatButton
        android:id="@+id/login_btn_facebook"
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:drawableStart="@drawable/ic_btn_login_facebook"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:text="Continue with Facebook"
        android:textColor="#fff"
        app:backgroundTint="#3b5998"/>

    <android.support.v7.widget.AppCompatButton
        android:id="@+id/login_btn_google"
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:drawableStart="@drawable/ic_btn_login_google"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:text="Continue with Google"
        app:backgroundTint="#ffffff" />

现在我实际上只需要做一个小改动:
我不想要升高。我希望按钮为&#34; flat&#34;,并且仅在单击时显示阴影效果。

有一种简单的方法吗?

谢谢你!

更新
我需要将 API Level 19 定位为最低SDK版本。

2 个答案:

答案 0 :(得分:3)

你有两种选择:

  1. 通过向XML按钮添加XML属性:
  2. 试试这个:android:stateListAnimator="@null"

    1. 通过添加另一个XML属性,如果之前的替代方法不起作用:
    2. 根据this将此style="?android:attr/borderlessButtonStyle"添加到您的XML按钮。

      enter image description here

      如果它不起作用,请告诉我!

答案 1 :(得分:0)

在布局XML中添加以下属性以删除阴影:

<android.support.v7.widget.AppCompatButton
    android:id="@+id/login_btn_facebook"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:drawableStart="@drawable/ic_btn_login_facebook"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:elevation="0dp"
    android:translationZ="0dp"
    android:text="Continue with Facebook"
    android:textColor="#fff"
    app:backgroundTint="#3b5998"/>

<android.support.v7.widget.AppCompatButton
    android:id="@+id/login_btn_google"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:drawableStart="@drawable/ic_btn_login_google"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:elevation="0dp"
    android:translationZ="0dp"
    android:text="Continue with Google"
    app:backgroundTint="#ffffff" />

这将使您的布局看起来像:

 kullanilan.addTextChangedListener(new TextWatcher() {
       @Override
       public void beforeTextChanged(CharSequence s, int start, int count, int after) {

       }

       @Override
       public void onTextChanged(CharSequence s, int start, int before, int count) {

       }

       @Override
       public void afterTextChanged(Editable s) {
           songunSayi=kullanilan.getText().toString();
       }
   });
    }

阅读here了解详情。