Android实现卡片式文字/计分器样式

这是一个卡片文字控件,我暂时把它命名为计分器。

一、使用效果

3991540-fd83c338ce8a9fda.png
ScoreView.png

二、使用

1、XML使用
<com.fun.widget.scroeview.ScoreView
    android:id="@+id/tag_transition_group"
    android:layout_width="150dp"
    android:layout_height="100dp"
    android:background="#9A32CD"
    android:gravity="center"
    app:score_horizontal_space="5dp"
    app:item_background_color="#FF7F50"
    app:item_border_color="#D9D9D9"
    app:item_border_width="0px"
    app:item_corner_radius="3dp"
    app:item_horizontal_padding="10dp"
    app:item_text_color="@android:color/white"
    app:item_text_size="50sp"
    app:item_vertical_padding="8dp"
    app:score_text="99" />
2、CODE使用
ScoreView scoreView = findViewById(R.id.scoreView);
scoreView.setHorizontalInterval(5);
// 这里省略属性SET,根据自己的需求设置属性
scoreView.setText("99");

3、依赖
allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}
implementation 'com.github.AdminFun:ScoreView:1.0.0'
4、源码

点击查看源码

三、属性

名称 类型 描述
score_horizontal_space dimension 卡片之间的横向间距
score_text string 计分器要显示的文本,例如:99
item_horizontal_padding dimension 卡片内部的横向间距,单个字符两边的间距距离
item_vertical_padding dimension 卡片内部的纵向间距,单个字符上下的间距距离
item_background_color color 单个卡片的背景色
item_background reference 单个卡片的背景
item_border_width dimension 单个卡片的边框宽度
item_border_color color 单个卡片的边框颜色
item_corner_radius dimension 单个卡片的边框圆角角度
item_text_size dimension 文本字体大小
item_text_color color 文本字体颜色
item_text_style color 文本字体样式

四、版本

1、v1.0.0

这只是个初版,但已经能提供基本的功能了,本人已集成在自己的项目中使用。

猜你喜欢

转载自blog.csdn.net/weixin_33943347/article/details/87394449