xml按钮样式在Android应用程序中不起作用

时间:2017-07-13 14:41:28

标签: android xml

我是Android编程的新手。我在应用程序中有一个登录按钮。

<Button
        android:text="Sign In"
        android:layout_width="match_parent"
        android:layout_weight="20"
        android:layout_height="0dp"
        android:id="@+id/btnSignIn"
        android:background="@drawable/ButtonSignInStyle"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:textSize="15sp"
        android:layout_marginTop="2dp" />

我的ButtonSignInStyle.xml文件如下

<selector xmlns:android="https://schemas.android.com/apk/res/android">

  <item android:state_pressed="false">
    <layer-list>
      <item android:right="5dp" android:top="5dp">
        <shape>
          <corners android:radius="2dp"/>
          <solid android:color="#D6D6D6"/>
        </shape>
      </item>
      <item android:bottom="2dp" android:left="2dp">
        <shape>
          <gradient android:angle="270" android:endColor="#B3E5FC" android:startColor="#B3E5FC"/> 
          <stroke android:width="1dp" android:color="#BABABA"/>
          <corners android:radius="4dp"/>
          <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp"/>
        </shape>
      </item>
    </layer-list>
  </item>

  <item android:state_pressed="true">
    <layer-list>
      <item android:right="5dp" android:top="5dp">
        <shape>
          <corners android:radius="2dp" />
          <solid android:color="#D6D6D6"/>
        </shape>
      </item>
      <item android:bottom="2dp" android:left="2dp">
        <shape>
          <gradient android:angle="270" android:endColor="#E1F5FE" android:startColor="#B3E5FC"/>
          <stroke android:width="1dp" android:color="#BABABA"/>
          <corners android:radius="4dp"/>
          <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp"/>
        </shape>
      </item>
    </layer-list>
  </item>

</selector>

但是当我运行程序时按钮消失了。事实上,它并没有消失,我可以在中间看到非常浅灰色的“登录”文字。

我做错了什么?

截图:Sign In button is above The Sign Up Button

2 个答案:

答案 0 :(得分:1)

您可以解决问题并使其更简单。

在可绘制文件夹中创建 button_background.xml

  class MoviesController < ApplicationController
    def new
      @newmovie = Movie.new
    end
   ...
  end

创建 xml pressed_state.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/pressed_state" android:state_pressed="true" />
    <item android:drawable="@drawable/normal_state" />
</selector>

创建 normal_state.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="2dp" />
    <gradient
        android:angle="270"
        android:endColor="#36b136"
        android:startColor="#1dbf46" />
    <stroke
        android:width="1dp"
        android:color="#BABABA" />
    <corners android:radius="4dp" />
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />
</shape>

将其应用于按钮

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="2dp" />
    <solid android:color="#D6D6D6"/>
    <gradient
        android:angle="270"
        android:endColor="#B3E5FC"
        android:startColor="#B3E5FC" />
    <stroke
        android:width="1dp"
        android:color="#BABABA" />
    <corners android:radius="4dp" />
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />
</shape>

答案 1 :(得分:0)

将<{1}}更改为

中的https

http

同时将可绘制的xml文件<selector xmlns:android="https://schemas.android.com/apk/res/android"> 重命名为小写ButtonSignInStyle.xml