我正在尝试获取 Google 应用程序照片选择 UI。我正在使用 Appcompat 复选框来实现这一目标,但没有成功。我正在努力的步骤,
1.将复选框背景设置为自定义圆形
2.在xml中定义自定义形状
这是我的复选框 xml 的样子,
<android.support.v7.widget.AppCompatCheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/checkBox"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:button="@drawable/custom_checkbox"
android:background="@drawable/checkbox_drawable"
/>
我的自定义复选框背景,
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<stroke
android:width="1dp"
android:color="#78d9ff"/>
<solid
android:color="#79bfea"/>
</shape>
我的复选框按钮,
<selector>
<item android:drawable="@drawable/checkbox_drawable"
android:state_checked="false"/>
<item android:drawable="@drawable/selected_check"
android:state_checked="true"/>
</selector>
我什至从 android:background 更改为 android:button .. 没有任何东西给我圆形复选框 .. 感谢任何帮助吗?我应该使用浮动操作栏吗?或者一个视图?有什么建议 ?
带有两个可绘制图像的自定义复选框。
1. In .xml file
<android.support.v7.widget.AppCompatCheckBox
android:id="@+id/checkBox"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_gravity="center"
android:background="@drawable/checkbox_selector"
android:button="@color/white"
android:checked="true" />
2. Create checkbox_selector.xml in drawable folder.
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/cancel"
android:state_checked="false"/>
<item android:drawable="@drawable/checked"
android:state_checked="true"/>
</selector>
3. Add 检查.png and 坎塞尔博士图像在drawable来自以下链接的文件夹
https://icons8.com/icon/set/yes/all https://icons8.com/icon/set/yes/all
And
https://icons8.com/icon/set/cross/all https://icons8.com/icon/set/cross/all
4.复选框点击事件
AppCompatCheckBox checkBox = (AppCompatCheckBox) view.findViewById(R.id.checkBox);
checkBox.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (checkBox.isChecked()){
checkBox.setChecked(false);
}else {
checkBox.setChecked(true);
}
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)