Android中shape的自定义艺术效果使用
更新时间：2022年01月28日 14:38:01 作者：xiyangyang8110
大家好，本篇文章主要讲的是Android中shape的自定义艺术效果使用，感兴趣的同学赶快来看一看吧，对你有帮助的话记得收藏一下
shape形状之意，可自定义各种形状，如背景椭圆，圆角等等
创建目录：drawable–右键–new–drawable resourse file–键入文件名my_shape–ok–修改selector标签为shape
1圆角
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners
android:radius="10dp"/>
</shape>
引用：android:background="@drawable/my_shape"
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="148dp"
android:layout_marginTop="102dp"
android:background="@drawable/my_shape"
android:text="Button"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
2 单独控制某个圆角，如左上，右下。
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners
android:topLeftRadius="10dp"
android:bottomRightRadius="10dp"
/>
</shape>
3 圆形背景
前提button宽高一样，圆角大小为button的一半大
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners
android:radius="100dp"/>
</shape>
<Button
android:id="@+id/button"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_marginStart="148dp"
android:layout_marginTop="102dp"
android:background="@drawable/my_shape"
android:text="Button"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
3 描边效果
注意此时用textview引用，botton无效
solid：实体，可设置主体颜色
stroke：描边，dashWidth虚线宽度，dashGap虚线间的距离
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners
android:radius="50dp"/>
<size
android:height="100dp"
android:width="100dp"/>
<solid
android:color="#FF4081"/>
<stroke
android:width="5dp"
android:color="#3F51B5"
android:dashWidth="20dp"
android:dashGap="10dp"/>
</shape>
引用
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="148dp"
android:layout_marginTop="102dp"
android:background="@drawable/my_shape"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
4渐变色
gradient：倾斜度，标签实现
红绿蓝
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#ff0000"
android:centerColor="#00ff00"
android:endColor="#0000ff"
/>
</shape>
引用
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="148dp"
android:layout_marginTop="102dp"
android:text="Hello world"
android:background="@drawable/my_shape_gradient"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
拓展
1gradient标签默认类型是线性的android:type=“linear”，还有一种炫酷的效果是扫射sweep
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#ff0000"
android:centerColor="#00ff00"
android:endColor="#0000ff"
android:type="sweep"
/>
</shape>
2确定逆时针旋转的角度angle属性，如android:angle="90"表示逆时针转90度
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#ff0000"
android:centerColor="#00ff00"
android:endColor="#0000ff"
android:angle="90"
android:type="linear"
/>
</shape>
最后来一个好叼的样子
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="@color/black"
android:endColor="@color/black"
android:centerColor="#FFFFFF"
android:type="sweep"/>
</shape>
到此这篇关于Android中shape的自定义艺术效果使用的文章就介绍到这了,更多相关Android shape内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
Android入门之在SharedPreference中使用加密
这篇文章主要为大家详细介绍了Android如何使在SharedPreference中使用加密，文中的示例代码讲解详细，对我们学习Android有一定的帮助，需要的可以参考一下2022-12-12
这篇文章主要为大家详细介绍了Android自定义控件实现颜色选择器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-06-06
Android Studio 3.6 layout文件text模式切换问题
这篇文章主要介绍了Android Studio 3.6 layout文件text模式切换问，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
Android 触摸事件监听（Activity层，ViewGroup层，View层）详细介绍
这篇文章主要介绍了Android 触摸事件监听（Activity层，ViewGroup层，View层）详细介绍的相关资料,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了Android编程之点击按钮的响应方式,结合实例形式分析总结了常用的三种按钮响应方式,需要的朋友可以参考下2017-02-02
Fragment的出现，如微信的额主界面包含多个Fragment，使得微信功能更加简洁明了。这篇文章给大家讲解Android Fragment用法，感兴趣的朋友一起看看吧2018-08-08
本文主要介绍 Android 中的注解，这里整理详细的资料来说明Android注解是如何使用，提高编程效率，有兴趣的小伙伴可以参考下2016-08-08
Android使用Rotate3dAnimation实现3D旋转动画效果的实例代码
利用Android的ApiDemos的Rotate3dAnimation实现了个图片3D旋转的动画，围绕Y轴进行旋转，还可以实现Z轴的缩放。点击开始按钮开始旋转，点击结束按钮停止旋转。2018-05-05
这篇文章主要介绍了Android 根据手势顶部View自动展示与隐藏效果，本文给大家介绍非常详细包括实现原理和实例代码，需要的朋友参考下吧2017-08-08
Android实现底部对话框BottomDialog弹出实例代码
本篇文章主要介绍了Android实现底部对话框BottomDialog代码。这里整理了详细的代码,有需要的小伙伴可以参考下。2017-03-03
最新评论