在android中创建线条样式按钮

时间:2016-06-20 08:29:43

标签: java android android-layout

我目前正致力于在下图中创建line styled button节目。

enter image description here

我不知道如何create a lined button因为我是Android编程的新手。

请帮帮忙?

谢谢

3 个答案:

答案 0 :(得分:2)

检查以下代码,它将为您提供帮助

rounded_button.xml

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

    <padding
        android:bottom="12dp"
        android:left="12dp"
        android:right="12dp"
        android:top="12dp"/>

    <stroke
        android:width="2dp"
        android:color="#3c993c"/>
    <corners android:radius="5dp"/>


</shape>

在Activity Xml中

 <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/rounded_button"
        android:text="Refresh"
        android:textSize="14sp"/>

<强>输出:

enter image description here

答案 1 :(得分:1)

使用shape drawable

shape.xml在drawable中

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="3dp" />
    <stroke android:width="5px" android:color="#1a1a1a" />
</shape>

<强> layout.xml

<Button

    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

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

有关详细信息,请参阅vogella安卓知识库

答案 2 :(得分:1)

Android中的

所有布局都是由xml文件设置的,您可以使用xml文件定义按钮的形状和颜色。

首先,您必须在drawable文件夹中创建一个名为buttonshape.xml的文件。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<corners android:radius="8dp"/>
<solid android:color="#FFF"/>
<size 
    android:width="275dp"
    android:height="50dp"/>
<stroke
    android:width="2dp"
    android:color="#19a865"/>
</shape>

然后,你必须在按钮上说你想用这个xml作为背景。

<Button
    android:text="Refresh"
    android:textColor="#19a865"
    android:textSize="30sp"
    android:layout_width="275dp"
    android:layout_height="50dp"
    android:background="@drawable/buttonshape"/>

输出:

refresh button

这就是全部!