Android组合控件的使用
效果图
感觉代码有些重复,就想弄一个组合控件能够重复使用,左边是标题(通过自定义属性控制),右边是选择的内容。点击可以弹出一个对话框,其中有选项可以选择。
例如,点击标题2会弹出如图二的对话框,需要传入三个参数,分别是标题、数据和选中项,左上角是title,下面是需要显示的数据内容,选中项会被勾选。在选中任意一项并点击完成后,对话框消失,右边选中值发生变化,其中还进行了接口回调,可以监听到点击“完成”的事件用来做其他事情。
实现代码
1.添加弹窗及数据子项的布局文件
弹窗popupwindow布局:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:id="@+id/rl_popupwindow">
<LinearLayout
android:layout_width="250dp"
android:layout_height="550dp"
android:orientation="vertical"
android:background="@color/parameter_setting_background_normal">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="horizontal"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:background="@drawable/parameter_setting_content_button">
<TextView
android:id="@+id/popup_title"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:text="视频播放"
android:textColor="@android:color/black"
android:gravity="center_vertical"
android:layout_marginStart="5dp"/>
<Button
android:id="@+id/btn_complete"
android:layout_width="0dp"
android:layout_height="24dp"
android:layout_weight="1"
android:text="完成"
android:textColor="@android:color/white"
android:paddingTop="0dp"
android:layout_marginStart="25dp"
android:layout_marginEnd="5dp"
android:layout_gravity="center_vertical"
android:gravity="center"
android:background="@drawable/blue_button"/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_option"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="10dp"
android:background="@drawable/parameter_setting_content_button"
android:orientation="vertical">
<ListView
android:id="@+id/lv_option"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:divider="@color/parameter_setting_background"
android:dividerHeight="2dp"/>
</LinearLayout>
</LinearLayout>
</RelativeLayout>
弹窗数据子项布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:id="@+id/ll_item_general_list"
android:minHeight="40dp">
<TextView
android:id="@+id/tv_item_general_list"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="5"
android:textColor="@android:color/black"
android:textSize="16sp"
android:gravity="center_vertical"
android:layout_marginStart="10dp"