android自定义dialog并结合dataBinding的使用
本文内容主要包含在dialog中使用dataBinding，布局文件的数据绑定，点击事件的绑定处理
首先使用dataBinding的配置
在build.gradle中配置
android {
......
buildFeatures {
viewBinding true
dataBinding true
}
}
今天案例是自定义的键盘的dialog
首先编写dialog_temp_keyboard.xml布局文件
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<data>
<variable
name="click"
type="com.ui.dialog.TempKeyboardDialog" />
<variable
name="bean"
type="com.ui.dialog.UserBean" />
</data>
<LinearLayout
android:orientation="vertical"
android:background="#E0E0E0"
android:padding="@dimen/dp_2"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="@dimen/dp_50">
<RadioGroup
android:id="@+id/rg_temp"
android:orientation="horizontal"
android:layout_width="0dp"
android:layout_weight="6"
android:layout_height="match_parent">
<RadioButton
android:id="@+id/rb_temp1"
android:text="腋温"
android:button="@null"
android:layout_width="0dp"
android:layout_weight="1"
android:gravity="center"
android:layout_margin="@dimen/dp_2"
android:checked="true"
android:textColor="@color/bottom_btn_select_color"
android:background="@drawable/bg_check_radio_state"
android:layout_height="match_parent"/>
<RadioButton
android:id="@+id/rb_temp3"
android:text="口温"
android:button="@null"
android:layout_width="0dp"
android:layout_weight="1"
android:gravity="center"
android:textColor="@color/bottom_btn_select_color"
android:background="@drawable/bg_check_radio_state"
android:layout_margin="@dimen/dp_2"
android:layout_height="match_parent"/>
</RadioGroup>
<TextView
android:id="@+id/tv_name"
android:text="@{bean.name}"
android:layout_width="0dp"
android:layout_weight="2"
android:gravity="center"
android:layout_height="match_parent"/>
<TextView
android:id="@+id/tv_num"
android:text="@{bean.num}"
android:layout_width="0dp"
android:layout_weight="2"
android:gravity="center"
android:layout_height="match_parent"/>
</LinearLayout>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="@dimen/dp_50">
<TextView
android:id="@+id/tv34"
android:text="34"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv35"
android:text="35"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv36"
android:text="36"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv37"
android:text="37"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv38"
android:text="38"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv39"
android:text="39"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv40"
android:text="40"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv41"
android:text="41"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tvx"
android:text="X"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"
android:textColor="@color/red"/>
</LinearLayout>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="@dimen/dp_50">
<TextView
android:id="@+id/tv1"
android:text=".1"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv2"
android:text=".2"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv3"
android:text=".3"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv4"
android:text=".4"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv5"
android:text=".5"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv6"
android:text=".6"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv7"
android:text=".7"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv8"
android:text=".8"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
<TextView
android:id="@+id/tv9"
android:text=".9"
android:onClick="@{(view) ->click.onClickHandler(view)}"
style="@style/ButtonKeyBoardStyle"/>
</LinearLayout>
</LinearLayout>
</layout>
为了少些代码好统一配置，在style.xml中统一给按钮配置主题
<style name="ButtonKeyBoardStyle">
<item name="android:gravity">center</item>
<item name="android:layout_width">0dp</item>
<item name="android:layout_height">match_parent</item>
<item name="android:layout_weight">1</item>
<item name="android:textColor">@color/black</item>
<item name="android:background">@color/white</item>
<item name="android:stateListAnimator">@anim/sel_button_click</item>
<item name="android:textColor">@color/black</item>
<item name="android:layout_margin">@dimen/dp_2</item>
</style>
//对话框的默认主题
<style name="BaseNoDimDialogTheme" parent="Theme.AppCompat.DayNight.Dialog.Alert">
<!-- 无边框 -->
<item name="android:windowFrame">@null</item>
<!-- 浮在 Activity 之上 -->
<item name="android:windowIsFloating">true</item>
<!-- 半透明 -->
<item name="android:windowIsTranslucent">true</item>
<!-- 背景透明 -->
<item name="android:windowBackground">@color/transparent</item>
<!-- 遮盖层 -->
<item name="android:backgroundDimEnabled">false</item>
<!-- 无标题 -->
<item name="android:windowNoTitle">true</item>
<!-- 动画效果 -->
<item name="android:windowEnterAnimation">@anim/window_scale_in</item>
<item name="android:windowExitAnimation">@anim/window_scale_out</item>
<!-- Base.Theme.AppCompat.Light.Dialog.Alert 特有的属性，用于指定默认宽度，这里需要禁用 -->
<item name="android:windowMinWidthMajor">0dp</item>
<item name="android:windowMinWidthMinor">0dp</item>
<!-- 解决 ActionBar 占位导致 Dialog 无法全屏显示的问题 -->
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<!-- ActionMode 覆盖 Actionbar，不顶下来 -->
<item name="windowActionModeOverlay">true</item>
<item name="android:windowContentOverlay">@null</item>
<!-- 不感知敏感的切换 -->
<!--<item name="android:configChanges">orientation|screenSize|keyboardHidden</item>-->
<!-- 默认隐藏输入法 -->
<!--<item name="android:windowSoftInputMode">stateHidden</item>-->
<!-- Dialog 全屏显示 -->
<!--<item name="android:windowFullscreen">true</item>-->
</style>
设置点击的动画sel_button_click.xml，使按钮点击的时候有动态的效果
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<set>
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleX"
android:valueTo="0.7"
android:valueType="floatType" />
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleY"
android:valueTo="0.7"
android:valueType="floatType" />
</set>
</item>
<item android:state_pressed="false">
<set>
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleX"
android:valueTo="1"
android:valueType="floatType" />
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleY"
android:valueTo="1"
android:valueType="floatType" />
</set>
</item>
</set>
编写主代码TempKeyboardDialog文件
class TempKeyboardDialog(context: Context, listener: onKeyboardListener) :
AppCompatDialog(context, R.style.BaseNoDimDialogTheme){
private var databind: DialogTempKeyboardBinding ?=null
private var listener=listener
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
databind = DataBindingUtil.inflate(LayoutInflater.from(context),
R.layout.dialog_temp_keyboard,
null,
false)
databind?.root?.let { setContentView(it) }//核心代码
window!!.decorView.setPadding(0, 0, 0, 0)
// 在底部，宽度撑满
val params = window!!.attributes
params.height = ViewGroup.LayoutParams.WRAP_CONTENT
params.gravity = Gravity.BOTTOM or Gravity.CENTER
params.windowAnimations = R.style.BottomAnimStyle
val screenWidth = Utils.getScreenWidth(context)
val screenHeight = Utils.getScreenHeight(context)
params.width = Math.min(screenWidth, screenHeight)
window!!.attributes = params
setCanceledOnTouchOutside(true)
databind?.click=this
databind?.bean = UserBean(name="张三",num="")
}
fun onClickHandler(view:View){
var text=view as TextView
databind?.bean = UserBean(name="张三",num= text.text.toString())
listener.onClickListener(text.text.toString())
}
interface onKeyboardListener {
fun onClickListener(str:String)
}
}
data class UserBean(
var name:String,
var num:String
)
在其他的页面调用这个对话框时
tempKeyboardDialog =
TempKeyboardDialog(this, object : TempKeyboardDialog.onKeyboardListener {
override fun onClickListener(str: String) {
//在这里直接获取按钮的值
}
}
})
tempKeyboardDialog!!.show()