简单又好看的按钮，扁平化按钮。

原文 http://blog.csdn.net/peijiangping1989/article/details/19333779

主题安卓开发

今天分享一下流行的扁平化按钮。完全不需要用到图片哦。效果图如下：

里面有2个按钮都是一样的模式。只要修改的色值就可以。下面跟我来更新你的UI吧。

首先编写 button.xml

代码如下

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <!--点击背景--> <item android:state_pressed="true"> <shape> <!--色值--> <solid android:color="#e79429" /> <!--圆角--> <corners android:radius="10dp" /> </shape> </item> <!--默认背景--> <item>   <shape> <solid android:color="#f6aa3e" /> <corners android:radius="10dp" /> </shape>  </item> </selector>

然后使用方法如下：

设置button的背景

<Buttonandroid:id="@+id/one"android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:background="@drawable/button" android:paddingBottom="8dp" android:paddingLeft="25dp" android:paddingRight="25dp" android:paddingTop="8dp" android:text="我要赠送" android:textColor="@color/White" android:textSize="18sp" />

这样就完成了这个按钮。并且带有点击效果哦。

转载于:https://www.cnblogs.com/antyi/p/4578457.html

简单又好看的按钮，扁平化按钮。相关推荐

wxpython 按钮扁平化_jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍
这几天开发的web app使用了jquery mobile,jquery mobile自带的样式比较适合做企业应用, 但是要是移动互联网应用的话,就显得通用一些,没有更鲜明的互联网元素. 现在扁平化设 ...
html按钮扁平化,HTML5和CSS3扁平化风格博客教程的资源分享
本课程通过CSS3扁平化风格博客的实例详细讲解,让大家更容易理解常规网页的组成部分,灵活的使用不同部分WEB组件,理解它的构成思想,以及网页灵活的布局和设计.我们也可以由宏观到微观去掌握整体的布局. ...
android扁平化按钮素材,扁平化APP图标素材库-Modern UI Icons
modernuiicons网站的图标可以说是扁平化的完美像素图标,风格为现代用户界面风格.每个图标是精心设计的,都是思想传递表达的载体.现在modernuiicons上所有图标托管在GitHub上,让 ...
wxpython 按钮扁平化_tensorflow tensor Flatten 张量扁平化，多通道转单通道数据
slim.flatten(inputs,outputs_collections=None,scope=None) (注:import tensorflow.contrib.slim as slim) ...
UI设计培训中的扁平化理念
本文是为正在学习UI设计的同学们整理的一份资料,主要讲的是UI设计培训中的扁平化理念,扁平化的设计是抛弃一切装饰的设计,扁平化设计使得用户操作起来更加简洁.高效和舒适.简洁大方的交互界面设计自然能够引 ...
【平面设计】扁平化设计（Ⅲ）——原则
[导读]关于扁平化设计是一个大的门类,通过前面两期的分享,我们已经知道了其概念和技巧的内容,今天我们继续与大家一同分享它的原则. 拒绝特效顾名思义,扁平化设计仅仅采用二维元素.所有元素都不加修饰-- ...
全世界都被拍扁！你应如何理性对待扁平化设计
全世界都被拍扁!你应如何理性对待扁平化设计作者:柚子C 扁平化设计如日中天.去除繁杂装饰的极简主义界面设计正当时.扁平化设计聚焦两点:视觉的极简主义,功能的最优表达.用最简单的用户界面达成最详备的 ...
前端的扁平化是什么意思
前端的扁平化是什么意思扁平化网站设计扁平化的网站设计主要是指两个方面, 一是指在界面上使用更少的3D效果和装饰性的元素,让网站能够更加突出主题内容: 二是指在网站结构上减少网站目录级数,让网站的结 ...
关于扁平化视觉设计趋势的一些小分享
本文来自网易云社区作者:刘戈作为视觉设计师来说,能设计出一款赏心悦目.走在设计潮流前线而又有自己品牌设计基因的产品是每个人心目中的追求.如果提到当今移动产品UI设计风格趋势时,相信不少设计师心目中 ...

简单又好看的按钮，扁平化按钮。

简单又好看的按钮，扁平化按钮。相关推荐

最新文章

热门文章