自定义带圆角背景的ShapeTextView、ShapeEditText、ShapeImageView、ShapeLinearLayout、ShapeRelativeLayout；
自定义根据状态切换背景色、字体色的ShapeCheckBox、ShapeRadioButton；
UI设计图会经常出现不同圆角、不同背景色的按钮和输入框。 甚至还有很多会根据状态来切换字体颜色和背景颜色的按钮。
最常见的做法就是定义好需要的Shape后，在XML中设置属性使用，但是如果有很多个不同样式的时候，我们就需要定义很多个Shape，写起来很是麻烦的。
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
dependencies {
implementation 'com.github.mtjsoft:ShapeView:v3.0.1'
}
- 原有的全部属性名称添加前缀 sv_ 如： shape 改成 sv_shape
- 防止自定义的属性和工程中的重复，升级此版本需谨慎
- 修改成kotlin
- 优化属性设置
- 修复已知问题
- 修改属性配置
- 重构设置属性代码。统一由 setBuilder(CustomBuilder builder)方法设置，详见demo
- 新增渐变色相关属性
- 新增虚线属性
| 2.0.0 新增属性 | 属性说明 | 备注 |
|---|---|---|
| shape | shape类型。integer 0~3 分别对应 GradientDrawable.RECTANGLE, GradientDrawable.OVAL, GradientDrawable.LINE, GradientDrawable.RING | 2022-1-14 |
| startColor | 渐变开始颜色 | |
| centerColor | 渐变中间颜色 | |
| endColor | 渐变结束颜色 | |
| startSelectColor | openSelector属性为true 时的选中渐变开始颜色 | |
| centerSelectColor | openSelector属性为true 时的选中渐变中间颜色 | |
| endSelectColor | openSelector属性为true 时的选中渐变结束颜色 | |
| orientation | 渐变方向。integer 0~7 分别对应 GradientDrawable.Orientation枚举类中的值 | |
| gradientType | 渐变类型。支持线性渐变、放射性渐变、扫描式渐变 integer 0~2 分别对应 GradientDrawable.LINEAR_GRADIENT, GradientDrawable.RADIAL_GRADIENT, GradientDrawable.SWEEP_GRADIENT | |
| gradientRadius | 渐变半径. 只有当渐变类型设置为 RADIAL_GRADIENT 时，半径才有效。format="float" | |
| dashWidth | 虚线边框宽度 | |
| dashGap | 虚线边框间隙 |
- 升AndroidX
| 1.1.0说明 | 备注 |
|---|---|
| 新增了代码中动态设置的set方法 | 动态设置完属性后，setCustomBackground()展示 |
| 1.0.0 属性 | 属性说明 | 备注 |
|---|---|---|
| solidColor | 填充色 | 2019-10-10 12:22:12 |
| strokeColor | 边框色 | |
| strokeWidth | 边框宽度 | |
| radius | 圆角弧度（4个角的弧度） | |
| topLeftRadius | 单独设置左上角弧度 | |
| topRightRadius | 单独设置右上角弧度 | |
| bottomLeftRadius | 单独设置左下角弧度 | |
| bottomRightRadius | 单独设置右下角弧度 | |
| openSelector | 是否使用Selector选择器 | ShapeCheckBox、ShapeRadioButton有以下属性 |
| textNormalColor | 使用选择器时的默认字体色 | |
| textSelectColor | 使用选择器时的选中字体色 | |
| solidSelectColor | 使用选择器时的选中填充色 | |
| strokeSelectColor | 使用选择器时的选中边框色 |
<resources>
<!--shape类型 GradientDrawable.RECTANGLE, GradientDrawable.OVAL, GradientDrawable.LINE, GradientDrawable.RING 0~3 -->
<attr name="shape">
<!-- 矩形 -->
<enum name="rectangle" value="0" />
<!-- 圆形 -->
<enum name="oval" value="1" />
<!-- 线条 -->
<enum name="line" value="2" />
<!-- 圆环 -->
<enum name="ring" value="3" />
</attr>
<!--填充色-->
<attr name="solidColor" format="color|reference" />
<!--边框色-->
<attr name="strokeColor" format="color|reference" />
<!--渐变颜色-->
<attr name="startColor" format="color|reference" />
<attr name="centerColor" format="color|reference" />
<attr name="endColor" format="color|reference" />
<!--openSelector开启时，选中时的渐变颜色-->
<attr name="startSelectColor" format="color|reference" />
<attr name="centerSelectColor" format="color|reference" />
<attr name="endSelectColor" format="color|reference" />
<!--渐变方向 GradientDrawable.Orientation 0~7 -->
<attr name="orientation" >
<enum name="TOP_BOTTOM" value="0" />
<enum name="TR_BL" value="1" />
<enum name="RIGHT_LEFT" value="2" />
<enum name="BR_TL" value="3" />
<enum name="BOTTOM_TOP" value="4" />
<enum name="BL_TR" value="5" />
<enum name="LEFT_RIGHT" value="6" />
<enum name="TL_BR" value="7" />
</attr>
<!--//渐变类型 支持 线性渐变，放射性渐变，扫描式渐变 0~2 -->
<attr name="gradientType">
<!-- 线性渐变 -->
<enum name="linear" value="0" />
<!-- 放射性渐变 -->
<enum name="radial" value="1" />
<!-- 扫描式渐变 -->
<enum name="sweep" value="2" />
</attr>
<!--渐变半径. 只有当渐变类型设置为 RADIAL_GRADIENT 时，半径才有效。 -->
<attr name="gradientRadius" format="float" />
<!--边框宽度-->
<attr name="strokeWidth" format="dimension" />
<!--圆角弧度-->
<attr name="radius" format="dimension" />
<!--虚线边框宽度-->
<attr name="dashWidth" format="dimension" />
<!--虚线边框间隙-->
<attr name="dashGap" format="dimension" />
<!--四个角的圆角弧度-->
<attr name="topLeftRadius" format="dimension" />
<attr name="topRightRadius" format="dimension" />
<attr name="bottomLeftRadius" format="dimension" />
<attr name="bottomRightRadius" format="dimension" />
<!--是否使用Selector选择器-->
<attr name="openSelector" format="boolean" />
<!--使用选择器时的字体色-->
<attr name="textNormalColor" format="color|reference" />
<attr name="textSelectColor" format="color|reference" />
<!--选中填充色-->
<attr name="solidSelectColor" format="color|reference" />
<!--选中边框色-->
<attr name="strokeSelectColor" format="color|reference" />
</resources>
<cn.mtjsoft.www.shapeview.ShapeTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:gravity="center"
android:padding="10dp"
android:text="ShapeTextView4个圆角、填充色"
android:textColor="@android:color/white"
android:textSize="14sp"
app:radius="5dp"
app:solidColor="@color/colorAccent" />
<cn.mtjsoft.www.shapeview.ShapeTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:gravity="center"
android:padding="10dp"
android:text="ShapeTextView2个圆角、边框"
android:textColor="@color/colorAccent"
android:textSize="14sp"
app:bottomLeftRadius="10dp"
app:strokeColor="@color/colorAccent"
app:strokeWidth="1dp"
app:topRightRadius="10dp" />
<cn.mtjsoft.www.shapeview.ShapeEditText
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_margin="10dp"
android:gravity="center"
android:text="ShapeEditText输入框，圆角、边框"
android:textColor="@color/colorAccent"
android:textSize="12sp"
app:radius="20dp"
app:strokeColor="@color/colorAccent"
app:strokeWidth="1dp" />
<cn.mtjsoft.www.shapeview.ShapeCheckBox
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_margin="10dp"
android:gravity="center"
android:text="ShapeCheckBox，根据选中状态切换背景色、字体色"
android:textSize="12sp"
app:radius="5dp"
app:strokeWidth="1dp"
app:strokeColor="@color/colorAccent"
app:openSelector="true"
app:solidSelectColor="@android:color/darker_gray"
app:strokeSelectColor="@android:color/darker_gray"
app:textNormalColor="@color/colorPrimary"
app:textSelectColor="@color/colorAccent"/>
<RadioGroup
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:orientation="horizontal">
<cn.mtjsoft.www.shapeview.ShapeRadioButton
android:layout_width="60dp"
android:layout_height="40dp"
android:gravity="center"
android:textSize="12sp"
android:text="1"
app:topLeftRadius="20dp"
app:bottomLeftRadius="20dp"
app:strokeWidth="1dp"
app:strokeColor="@color/colorAccent"
app:openSelector="true"
app:solidSelectColor="@color/colorAccent"
app:strokeSelectColor="@color/colorAccent"
app:textNormalColor="@color/colorAccent"
app:textSelectColor="@android:color/white"/>
<cn.mtjsoft.www.shapeview.ShapeRadioButton
android:layout_width="60dp"
android:layout_height="40dp"
android:gravity="center"
android:textSize="12sp"
android:text="2"
app:topRightRadius="20dp"
app:bottomRightRadius="20dp"
app:strokeWidth="1dp"
app:strokeColor="@color/colorAccent"
app:openSelector="true"
app:solidSelectColor="@color/colorAccent"
app:strokeSelectColor="@color/colorAccent"
app:textNormalColor="@color/colorAccent"
app:textSelectColor="@android:color/white"/>
</RadioGroup>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal">
<cn.mtjsoft.www.shapeview.ShapeTextView
android:layout_width="80dp"
android:layout_height="wrap_content"
android:layout_marginStart="5dp"
android:gravity="center"
android:padding="10dp"
android:text=""
android:textColor="@android:color/white"
android:textSize="14sp"
app:endColor="@color/colorPrimary"
app:orientation="BOTTOM_TOP"
app:radius="5dp"
app:startColor="@color/colorAccent"
app:strokeColor="@color/colorAccent"
app:strokeWidth="1dp" />
<cn.mtjsoft.www.shapeview.ShapeTextView
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_marginStart="5dp"
android:gravity="center"
android:text=""
android:textColor="@android:color/white"
android:textSize="14sp"
app:centerColor="@color/colorPrimaryDark"
app:endColor="@color/colorPrimary"
app:gradientRadius="150"
app:gradientType="radial"
app:radius="5dp"
app:shape="oval"
app:startColor="@color/colorAccent"
app:strokeColor="@color/colorAccent"
app:strokeWidth="1dp" />
<cn.mtjsoft.www.shapeview.ShapeTextView
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_marginStart="5dp"
android:gravity="center"
android:text=""
android:textColor="@android:color/white"
android:textSize="14sp"
app:centerColor="@color/colorPrimaryDark"
app:endColor="@color/colorPrimary"
app:gradientRadius="150"
app:gradientType="sweep"
app:radius="5dp"
app:shape="rectangle"
app:startColor="@color/colorAccent"
app:strokeColor="@color/colorAccent"
app:strokeWidth="1dp" />
</LinearLayout>
添加我个人微信号交流，记得添加时备注一下哦
