实现带数字角标的图标
效果图如下:
1.引用类库 在项目的根目录build.gradle添加仓储地址,然后在module的build.gradle添加依赖
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
dependencies {
...
implementation 'com.github.xiaohu409:CornerMark:1.0.1'
}
2.在xml布局文件里使用CornerMarkView控件
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="16dp">
<com.github.xiaohu409.cornermark.CornerMarkView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:id="@+id/to_pay_id"
app:text="待付款"
app:text_color="#555555"
app:text_size="12sp"
app:drawable="@drawable/me_icon1"
app:num_color="#ff4a47"
app:num_size="11sp"
app:num_bg="@drawable/member_corner_mark_bg"
tools:num="2"
android:layout_weight="1"
android:gravity="center" />
</LinearLayout>
3.在代码里实例化控件,并设置角标
//初始化控件
CornerMarkView toPayView = findViewById(R.id.to_pay_id);
//设置控件的角标
toPayView.setNum(4);
//设置控件的点击事件
toPayView.setOnClickListener(this);
Copyright 2018 xiaohu409
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.