造型底部按钮android

时间:2013-11-21 20:33:46

标签: android button

我在屏幕底部有两个按钮,但我如何设置股票按钮的风格来构思我的概念:

my concept

这是我的代码布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal">
    <Button
        android:id="@+id/button1"
        android:layout_height="wrap_content"
        android:layout_width="180sp"
        android:text="Далее"
        android:layout_weight="1"
        android:layout_gravity="bottom"
        android:layout_alignTop="@+id/button2"
        android:layout_alignParentRight="true">
    </Button>
    <Button
        android:id="@+id/button2"
        android:layout_width="180dp"
        android:layout_height="wrap_content"
        android:text="Пропустить"
        android:layout_weight="1"
        android:layout_gravity="bottom"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true">
    </Button>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Добро пожаловать!"
        android:id="@+id/textView"
        android:layout_marginTop="29dp"
        android:fontFamily="sans-serif-thin"
        android:phoneNumber="false"
        android:textSize="33sp"
        android:textColor="@color/text_color"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="25dp" />
</RelativeLayout>

2 个答案:

答案 0 :(得分:1)

构建Android应用程序时有多种方法可以做到这一点。

第一个也是最简单的是将背景设置为图像。为此,请将图像添加到res文件夹中的可绘制文件夹,将正确大小的图像添加到每个可绘制文件夹以更正跨多个平台的显示。导入图像后,只需将以下行放在按钮的布局xml中

android:background = "@drawable/imported_image"

第二个是创建一个选择器android XML文件。这将允许您为按钮的不同状态设置背景图像。我通常在我的项目中在我的res文件夹下创建一个名为drawable的文件并将xml文件放在那里。选择器文件看起来像这样

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:state_pressed="true" android:drawable="@drawable/large_button_on" />  

<item android:drawable="@drawable/large_button_off" />

</selector>

要放入按钮内的Layout xml的代码应为

android:background="@drawable/custom_button"

不使用任何图像的最终方法是为按钮定义形状android xml文件。这将指示您希望如何在屏幕上绘制按钮。这个xml应该像我们对另一个一样放在你的项目中。

  ?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
  android:shape="rectangle">

  <gradient android:startColor="#000000" 
    android:endColor="#0000ff"
    android:angle="270" />

  <stroke android:width="1dp" android:color="#ffffff" />

</shape>

再次使用此方法将以下内容放在布局xml中,用于按钮

android:background="@drawable/custom_button"

希望这些造型方法有所帮助。

答案 1 :(得分:0)

您可以像这样创建一个可绘制的xml文件,并为您的不同状态按钮设置不同的

RES /抽拉/ my_button_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/button_pressed"
          android:state_pressed="true" />
    <item android:drawable="@drawable/button_focused"
          android:state_focused="true" />
    <item android:drawable="@drawable/button_default" />
</selector>

然后在按钮的声明中添加以下行:

android:background="@drawable/my_button_drawable"  />

Android Developer Buttons