码迷,mamicode.com
首页 > 移动开发 > 详细

Android 自定义UI圆角按钮

时间:2014-07-14 18:41:17      阅读:382      评论:0      收藏:0      [点我收藏+]

标签:android 圆角布局

Android实际开发中我们一般需要圆角的按钮,一般情况下我们可以让美工做出来相应的按钮图片,然后放上去即可,另外我们可以在布局文件中直接设置,也可以达到一样的效果。下面讲解在布局文件中自定义圆角按钮的小Demo。

代码很简单,实现效果图:

bubuko.com,布布扣

源代码:

bubuko.com,布布扣

源代码:

这里主要是xml布局文件实现:

MainActivity:

package com.android_drawableresource;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	}
}
activity_main:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <Button
        android:id="@+id/button1"
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"
        android:background="@drawable/button_shape"
        android:text="自定义圆角按钮" />

</RelativeLayout>


button_shape:

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

    <gradient
        android:angle="0"
        android:endColor="#80FF00FF"
        android:startColor="#FFFF0000" />

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

    <corners android:radius="10dp" />

</shape>


实现起来比较简单,另外相应的圆角布局也可以由此实现。需要源代码的可以去资源中下载。


Android 自定义UI圆角按钮,布布扣,bubuko.com

Android 自定义UI圆角按钮

标签:android 圆角布局

原文地址:http://blog.csdn.net/u012440207/article/details/37764277

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!