floatUI悬浮窗实用示例合集

YYPOST群发软件 发表于 2025-3-17 09:18:11

<p></p><div><br></div><div><table cellspacing="0" cellpadding="0" style="table-layout: fixed; width: 979px; font-size: 12px;"><tbody><tr><td class="t_f" id="postmessage_349" style="font-size: 14px; line-height: 24px;"><ne-clipboard data="%7B%22type%22%3A%22fragment%22%2C%22name%22%3A%22%23fragment%22%2C%22children%22%3A%5B%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u19a3cb1b%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua7cfa0c3%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u62d83e97%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue7909bf3%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22floatUI%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u520ccaa4%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%E5%88%9B%E5%BB%BA%E4%B8%8D%E5%90%8C%E7%9A%84%20UI%20%E7%BB%84%E4%BB%B6%EF%BC%8C%E5%B9%B6%E4%B8%BA%E5%AE%83%E4%BB%AC%E8%AE%BE%E7%BD%AE%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6%E3%80%82%E6%AF%8F%E4%B8%AA%E7%A4%BA%E4%BE%8B%E9%83%BD%E5%B1%95%E7%A4%BA%E4%BA%86%E4%B8%8D%E5%90%8C%E7%9A%84%20UI%20%E5%B8%83%E5%B1%80%E5%92%8C%E4%BA%8B%E4%BB%B6%E5%A4%84%E7%90%86%E9%80%BB%E8%BE%91%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%2267620b3d%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u085f6f3a%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%A4%BA%E4%BE%8B%201%3A%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89%E5%A4%9A%E4%B8%AA%E6%8C%89%E9%92%AE%E7%9A%84%E5%9E%82%E7%9B%B4%E5%B8%83%E5%B1%80%EF%BC%8C%E5%B9%B6%E4%B8%BA%E6%AF%8F%E4%B8%AA%E6%8C%89%E9%92%AE%E8%AE%BE%E7%BD%AE%E4%B8%8D%E5%90%8C%E7%9A%84%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u6619701d%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22HHfnD%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%8C%89%E9%92%AE1%5C%22%20id%3D%5C%22button1%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%8C%89%E9%92%AE2%5C%22%20id%3D%5C%22button2%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%8C%89%E9%92%AE3%5C%22%20id%3D%5C%22button3%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf1.findViewById('button1').setOnClickListener(function()%20%7B%5Cn%20%20%20%20printl(%5C%22%E6%8C%89%E9%92%AE1%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%7D)%3B%5Cn%5Cnf1.findViewById('button2').setOnClickListener(function()%20%7B%5Cn%20%20%20%20printl(%5C%22%E6%8C%89%E9%92%AE2%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%7D)%3B%5Cn%5Cnf1.findViewById('button3').setOnClickListener(function()%20%7B%5Cn%20%20%20%20printl(%5C%22%E6%8C%89%E9%92%AE3%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u14c72323%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ae6b3821%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u97d92424%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%A4%BA%E4%BE%8B%202%3A%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89%E8%BE%93%E5%85%A5%E6%A1%86%E5%92%8C%E6%8C%89%E9%92%AE%E7%9A%84%E5%B8%83%E5%B1%80%EF%BC%8C%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E6%97%B6%E8%8E%B7%E5%8F%96%E8%BE%93%E5%85%A5%E6%A1%86%E7%9A%84%E5%86%85%E5%AE%B9%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u2cfa04d3%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22NSo4N%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f2%20%3D%20new%20floatUI()%3B%5Cnf2.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cinput%20id%3D%5C%22input1%5C%22%20hint%3D%5C%22%E8%AF%B7%E8%BE%93%E5%85%A5%E5%86%85%E5%AE%B9%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%8F%90%E4%BA%A4%5C%22%20id%3D%5C%22submitButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf2.findViewById('submitButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20inputText%20%3D%20f2.findViewById('input1').getText()%3B%5Cn%20%20%20%20printl(%5C%22%E8%BE%93%E5%85%A5%E7%9A%84%E5%86%85%E5%AE%B9%E6%98%AF%EF%BC%9A%5C%22%20%2B%20inputText)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u5486037c%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%2296c22777%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u1ff651a9%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%A4%BA%E4%BE%8B%203%3A%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89%E5%A4%8D%E9%80%89%E6%A1%86%E7%9A%84%E5%B8%83%E5%B1%80%EF%BC%8C%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E6%97%B6%E8%8E%B7%E5%8F%96%E5%A4%8D%E9%80%89%E6%A1%86%E7%9A%84%E7%8A%B6%E6%80%81%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ue80f5821%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22ElqdL%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f3%20%3D%20new%20floatUI()%3B%5Cnf3.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Ccheckbox%20text%3D%5C%22%E9%80%89%E9%A1%B91%5C%22%20id%3D%5C%22checkbox1%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Ccheckbox%20text%3D%5C%22%E9%80%89%E9%A1%B92%5C%22%20id%3D%5C%22checkbox2%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E7%A1%AE%E8%AE%A4%5C%22%20id%3D%5C%22confirmButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf3.findViewById('confirmButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20isChecked1%20%3D%20f3.findViewById('checkbox1').isChecked()%3B%5Cn%20%20%20%20var%20isChecked2%20%3D%20f3.findViewById('checkbox2').isChecked()%3B%5Cn%20%20%20%20printl(%5C%22%E9%80%89%E9%A1%B91%E7%9A%84%E7%8A%B6%E6%80%81%EF%BC%9A%5C%22%20%2B%20isChecked1)%3B%5Cn%20%20%20%20printl(%5C%22%E9%80%89%E9%A1%B92%E7%9A%84%E7%8A%B6%E6%80%81%EF%BC%9A%5C%22%20%2B%20isChecked2)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ufcb9d749%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%2267561fa5%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u3241c408%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%A4%BA%E4%BE%8B%204%3A%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89%E8%BF%9B%E5%BA%A6%E6%9D%A1%E7%9A%84%E5%B8%83%E5%B1%80%EF%BC%8C%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E6%97%B6%E6%9B%B4%E6%96%B0%E8%BF%9B%E5%BA%A6%E6%9D%A1%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u1a5b45ff%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22nUaKL%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f4%20%3D%20new%20floatUI()%3B%5Cnf4.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cprogressbar%20id%3D%5C%22progressBar%5C%22%20max%3D%5C%22100%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%9B%B4%E6%96%B0%E8%BF%9B%E5%BA%A6%5C%22%20id%3D%5C%22updateButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf4.findViewById('updateButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20progressBar%20%3D%20f4.findViewById('progressBar')%3B%5Cn%20%20%20%20var%20currentProgress%20%3D%20progressBar.getProgress()%3B%5Cn%20%20%20%20progressBar.setProgress(currentProgress%20%2B%2010)%3B%5Cn%20%20%20%20printl(%5C%22%E5%BD%93%E5%89%8D%E8%BF%9B%E5%BA%A6%EF%BC%9A%5C%22%20%2B%20progressBar.getProgress())%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ue4def6e5%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%2203d09d64%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uc83929d3%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%A4%BA%E4%BE%8B%205%3A%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89%E5%8D%95%E9%80%89%E6%8C%89%E9%92%AE%E7%9A%84%E5%B8%83%E5%B1%80%EF%BC%8C%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E6%97%B6%E8%8E%B7%E5%8F%96%E9%80%89%E4%B8%AD%E7%9A%84%E5%8D%95%E9%80%89%E6%8C%89%E9%92%AE%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u34923f0b%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22ic1zM%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f5%20%3D%20new%20floatUI()%3B%5Cnf5.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cradiogroup%20id%3D%5C%22radioGroup%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Cradiobutton%20text%3D%5C%22%E9%80%89%E9%A1%B91%5C%22%20id%3D%5C%22radio1%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Cradiobutton%20text%3D%5C%22%E9%80%89%E9%A1%B92%5C%22%20id%3D%5C%22radio2%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Cradiobutton%20text%3D%5C%22%E9%80%89%E9%A1%B93%5C%22%20id%3D%5C%22radio3%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3C%2Fradiogroup%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E7%A1%AE%E8%AE%A4%E9%80%89%E6%8B%A9%5C%22%20id%3D%5C%22confirmButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf5.findViewById('confirmButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20radioGroup%20%3D%20f5.findViewById('radioGroup')%3B%5Cn%20%20%20%20var%20selectedId%20%3D%20radioGroup.getCheckedRadioButtonId()%3B%5Cn%20%20%20%20var%20selectedButton%20%3D%20f5.findViewById(selectedId)%3B%5Cn%20%20%20%20printl(%5C%22%E9%80%89%E4%B8%AD%E7%9A%84%E9%80%89%E9%A1%B9%E6%98%AF%EF%BC%9A%5C%22%20%2B%20selectedButton.getText())%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u014d995d%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%2282453ad7%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u9f385c71%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%A4%BA%E4%BE%8B%206%3A%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89%E5%9B%BE%E7%89%87%E7%9A%84%E5%B8%83%E5%B1%80%EF%BC%8C%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E6%97%B6%E6%9B%B4%E6%8D%A2%E5%9B%BE%E7%89%87%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u5b51c5f9%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22ilpGg%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f6%20%3D%20new%20floatUI()%3B%5Cnf6.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cimage%20id%3D%5C%22imageView%5C%22%20src%3D%5C%22https%3A%2F%2Fexample.com%2Fimage1.png%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%9B%B4%E6%8D%A2%E5%9B%BE%E7%89%87%5C%22%20id%3D%5C%22changeImageButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf6.findViewById('changeImageButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20imageView%20%3D%20f6.findViewById('imageView')%3B%5Cn%20%20%20%20imageView.setImage(%5C%22https%3A%2F%2Fexample.com%2Fimage2.png%5C%22)%3B%5Cn%20%20%20%20printl(%5C%22%E5%9B%BE%E7%89%87%E5%B7%B2%E6%9B%B4%E6%8D%A2%5C%22)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uf98490ee%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ufd86c2cb%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%22color%22%3A%22white%22%2C%22bgColor%22%3A%22rgb(39%2C%2040%2C%2034)%22%7D%2C%22data%22%3A%22%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22bc97c72f%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u8e509928%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%A4%BA%E4%BE%8B%207%3A%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89%E5%88%97%E8%A1%A8%E7%9A%84%E5%B8%83%E5%B1%80%EF%BC%8C%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E6%97%B6%E8%8E%B7%E5%8F%96%E9%80%89%E4%B8%AD%E7%9A%84%E5%88%97%E8%A1%A8%E9%A1%B9%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u6c96dba2%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22MLEyh%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f7%20%3D%20new%20floatUI()%3B%5Cnf7.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Clist%20id%3D%5C%22listView%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Citem%20text%3D%5C%22%E9%80%89%E9%A1%B91%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Citem%20text%3D%5C%22%E9%80%89%E9%A1%B92%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Citem%20text%3D%5C%22%E9%80%89%E9%A1%B93%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3C%2Flist%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E8%8E%B7%E5%8F%96%E9%80%89%E4%B8%AD%E9%A1%B9%5C%22%20id%3D%5C%22getSelectedButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf7.findViewById('getSelectedButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20listView%20%3D%20f7.findViewById('listView')%3B%5Cn%20%20%20%20var%20selectedItem%20%3D%20listView.getSelectedItem()%3B%5Cn%20%20%20%20printl(%5C%22%E9%80%89%E4%B8%AD%E7%9A%84%E9%80%89%E9%A1%B9%E6%98%AF%EF%BC%9A%5C%22%20%2B%20selectedItem.getText())%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u00c4ea8c%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22c6be7064%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uca8de327%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%A4%BA%E4%BE%8B%208%3A%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89%E6%BB%91%E5%8A%A8%E6%9D%A1%E7%9A%84%E5%B8%83%E5%B1%80%EF%BC%8C%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E6%97%B6%E8%8E%B7%E5%8F%96%E6%BB%91%E5%8A%A8%E6%9D%A1%E7%9A%84%E5%80%BC%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u238885f4%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22tXhxl%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f8%20%3D%20new%20floatUI()%3B%5Cnf8.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cseekbar%20id%3D%5C%22seekBar%5C%22%20max%3D%5C%22100%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E8%8E%B7%E5%8F%96%E5%80%BC%5C%22%20id%3D%5C%22getValueButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf8.findViewById('getValueButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20seekBar%20%3D%20f8.findViewById('seekBar')%3B%5Cn%20%20%20%20var%20value%20%3D%20seekBar.getProgress()%3B%5Cn%20%20%20%20printl(%5C%22%E5%BD%93%E5%89%8D%E6%BB%91%E5%8A%A8%E6%9D%A1%E7%9A%84%E5%80%BC%E6%98%AF%EF%BC%9A%5C%22%20%2B%20value)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uba0411bf%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%228fa4e15b%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u33d6a4c3%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%A4%BA%E4%BE%8B%209%3A%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89%E5%AF%B9%E8%AF%9D%E6%A1%86%E7%9A%84%E5%B8%83%E5%B1%80%EF%BC%8C%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E6%97%B6%E6%98%BE%E7%A4%BA%E5%AF%B9%E8%AF%9D%E6%A1%86%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ua5c1611a%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22CFTkE%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f9%20%3D%20new%20floatUI()%3B%5Cnf9.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%98%BE%E7%A4%BA%E5%AF%B9%E8%AF%9D%E6%A1%86%5C%22%20id%3D%5C%22showDialogButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf9.findViewById('showDialogButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20dialog%20%3D%20new%20floatUI()%3B%5Cn%20%20%20%20dialog.loadSXML(%60%5Cn%20%20%20%20%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20text%3D%5C%22%E8%BF%99%E6%98%AF%E4%B8%80%E4%B8%AA%E5%AF%B9%E8%AF%9D%E6%A1%86%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E5%85%B3%E9%97%AD%5C%22%20id%3D%5C%22closeButton%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3C%2Fvertical%3E%5Cn%20%20%20%20%60)%3B%5Cn%5Cn%20%20%20%20dialog.findViewById('closeButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20%20%20%20%20dialog.dismiss()%3B%5Cn%20%20%20%20%7D)%3B%5Cn%5Cn%20%20%20%20dialog.show()%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u20587645%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%221e1b6e53%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u62d61867%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%A4%BA%E4%BE%8B%2010%3A%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89%E5%A4%9A%E4%B8%AA%E5%B8%83%E5%B1%80%E7%9A%84%E5%A4%8D%E6%9D%82%20UI%EF%BC%8C%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E6%97%B6%E5%88%87%E6%8D%A2%E5%B8%83%E5%B1%80%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u2dbca989%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22hmtv6%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f10%20%3D%20new%20floatUI()%3B%5Cnf10.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Clayout%20id%3D%5C%22layout1%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20text%3D%5C%22%E8%BF%99%E6%98%AF%E5%B8%83%E5%B1%801%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E5%88%87%E6%8D%A2%E5%88%B0%E5%B8%83%E5%B1%802%5C%22%20id%3D%5C%22switchToLayout2%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3C%2Flayout%3E%5Cn%20%20%20%20%20%20%20%20%3Clayout%20id%3D%5C%22layout2%5C%22%20visibility%3D%5C%22gone%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20text%3D%5C%22%E8%BF%99%E6%98%AF%E5%B8%83%E5%B1%802%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E5%88%87%E6%8D%A2%E5%88%B0%E5%B8%83%E5%B1%801%5C%22%20id%3D%5C%22switchToLayout1%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3C%2Flayout%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf10.findViewById('switchToLayout2').setOnClickListener(function()%20%7B%5Cn%20%20%20%20f10.findViewById('layout1').setVisibility(%5C%22gone%5C%22)%3B%5Cn%20%20%20%20f10.findViewById('layout2').setVisibility(%5C%22visible%5C%22)%3B%5Cn%7D)%3B%5Cn%5Cnf10.findViewById('switchToLayout1').setOnClickListener(function()%20%7B%5Cn%20%20%20%20f10.findViewById('layout2').setVisibility(%5C%22gone%5C%22)%3B%5Cn%20%20%20%20f10.findViewById('layout1').setVisibility(%5C%22visible%5C%22)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u8455d5d0%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uc8aef4ac%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u836d2a76%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E8%BF%99%E4%BA%9B%E7%A4%BA%E4%BE%8B%E5%B1%95%E7%A4%BA%E4%BA%86%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ufd2d9bed%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u74558857%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22floatUI%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue8f3b08f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%E5%88%9B%E5%BB%BA%E4%B8%8D%E5%90%8C%E7%9A%84%20UI%20%E7%BB%84%E4%BB%B6%EF%BC%8C%E5%B9%B6%E4%B8%BA%E5%AE%83%E4%BB%AC%E8%AE%BE%E7%BD%AE%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6%E3%80%82%E4%BD%A0%E5%8F%AF%E4%BB%A5%E6%A0%B9%E6%8D%AE%E9%9C%80%E8%A6%81%E8%B0%83%E6%95%B4%E8%BF%99%E4%BA%9B%E7%A4%BA%E4%BE%8B%EF%BC%8C%E4%BB%A5%E9%80%82%E5%BA%94%E4%BD%A0%E7%9A%84%E5%85%B7%E4%BD%93%E9%9C%80%E6%B1%82%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u664cc80e%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud34d1ecf%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u409a523c%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u5816385b%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E4%BB%A5%E4%B8%8B%E6%98%AF10%E4%B8%AA%E5%A4%8D%E6%9D%82%E4%B8%94%E5%AE%9E%E7%94%A8%E7%9A%84%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u437093a6%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue2b568bf%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22floatUI%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u7bf40b2a%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%E7%A4%BA%E4%BE%8B%EF%BC%8C%E6%B6%B5%E7%9B%96%E4%BA%86%E4%B8%8D%E5%90%8C%E7%9A%84%E5%8A%9F%E8%83%BD%E5%92%8C%E5%9C%BA%E6%99%AF%E3%80%82%E6%AF%8F%E4%B8%AA%E7%A4%BA%E4%BE%8B%E9%83%BD%E5%B1%95%E7%A4%BA%E4%BA%86%E5%A6%82%E4%BD%95%E5%88%9B%E5%BB%BA%E5%92%8C%E6%93%8D%E4%BD%9C%E6%B5%AE%E5%8A%A8%E7%95%8C%E9%9D%A2%EF%BC%8C%E5%B9%B6%E6%B7%BB%E5%8A%A0%E4%B8%8D%E5%90%8C%E7%9A%84%E4%BA%A4%E4%BA%92%E9%80%BB%E8%BE%91%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%227f31921d%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue0d8ea55%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%221.%20%E5%A4%9A%E6%8C%89%E9%92%AE%E8%81%94%E5%8A%A8%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u35aa3106%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22jKp1Z%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%8C%89%E9%92%AE1%5C%22%20id%3D%5C%22button1%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%8C%89%E9%92%AE2%5C%22%20id%3D%5C%22button2%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%8C%89%E9%92%AE3%5C%22%20id%3D%5C%22button3%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf1.findViewById('button1').setOnClickListener(function()%20%7B%5Cn%20%20%20%20printl(%5C%22%E6%8C%89%E9%92%AE1%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%20%20%20%20f1.findViewById('button2').setText(%5C%22%E6%8C%89%E9%92%AE1%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%7D)%3B%5Cn%5Cnf1.findViewById('button2').setOnClickListener(function()%20%7B%5Cn%20%20%20%20printl(%5C%22%E6%8C%89%E9%92%AE2%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%20%20%20%20f1.findViewById('button3').setText(%5C%22%E6%8C%89%E9%92%AE2%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%7D)%3B%5Cn%5Cnf1.findViewById('button3').setOnClickListener(function()%20%7B%5Cn%20%20%20%20printl(%5C%22%E6%8C%89%E9%92%AE3%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%20%20%20%20f1.findViewById('button1').setText(%5C%22%E6%8C%89%E9%92%AE3%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u0baf7194%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uaf4ee5c1%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%22color%22%3A%22white%22%2C%22bgColor%22%3A%22rgb(39%2C%2040%2C%2034)%22%2C%22fontsize%22%3A13%7D%2C%22data%22%3A%22%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%229777a36f%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ub7433ad1%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%222.%20%E5%8A%A8%E6%80%81%E6%B7%BB%E5%8A%A0%E6%8C%89%E9%92%AE%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u4914cd58%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22trfWU%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%B7%BB%E5%8A%A0%E6%8C%89%E9%92%AE%5C%22%20id%3D%5C%22addButton%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cvertical%20id%3D%5C%22buttonContainer%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnvar%20buttonCount%20%3D%200%3B%5Cnf1.findViewById('addButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20buttonCount%2B%2B%3B%5Cn%20%20%20%20var%20newButton%20%3D%20f1.createView('%3Cbutton%20text%3D%5C%22%E6%96%B0%E6%8C%89%E9%92%AE'%20%2B%20buttonCount%20%2B%20'%5C%22%2F%3E')%3B%5Cn%20%20%20%20newButton.setOnClickListener(function()%20%7B%5Cn%20%20%20%20%20%20%20%20printl(%5C%22%E6%96%B0%E6%8C%89%E9%92%AE%5C%22%20%2B%20buttonCount%20%2B%20%5C%22%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%20%20%20%20%7D)%3B%5Cn%20%20%20%20f1.findViewById('buttonContainer').addView(newButton)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u53328428%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22c17be2d2%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u1f0c0ad9%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%223.%20%E5%88%87%E6%8D%A2%E7%95%8C%E9%9D%A2%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u95314994%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22szrLI%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E5%88%87%E6%8D%A2%E5%88%B0%E7%95%8C%E9%9D%A21%5C%22%20id%3D%5C%22switchButton1%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E5%88%87%E6%8D%A2%E5%88%B0%E7%95%8C%E9%9D%A22%5C%22%20id%3D%5C%22switchButton2%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cvertical%20id%3D%5C%22container%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnvar%20view1%20%3D%20f1.createView('%3Cvertical%3E%3Ctext%20text%3D%5C%22%E8%BF%99%E6%98%AF%E7%95%8C%E9%9D%A21%5C%22%2F%3E%3C%2Fvertical%3E')%3B%5Cnvar%20view2%20%3D%20f1.createView('%3Cvertical%3E%3Ctext%20text%3D%5C%22%E8%BF%99%E6%98%AF%E7%95%8C%E9%9D%A22%5C%22%2F%3E%3C%2Fvertical%3E')%3B%5Cn%5Cnf1.findViewById('switchButton1').setOnClickListener(function()%20%7B%5Cn%20%20%20%20f1.findViewById('container').removeAllViews()%3B%5Cn%20%20%20%20f1.findViewById('container').addView(view1)%3B%5Cn%7D)%3B%5Cn%5Cnf1.findViewById('switchButton2').setOnClickListener(function()%20%7B%5Cn%20%20%20%20f1.findViewById('container').removeAllViews()%3B%5Cn%20%20%20%20f1.findViewById('container').addView(view2)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u02bbda2d%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22c5b63265%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u57639320%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%224.%20%E8%BE%93%E5%85%A5%E6%A1%86%E4%B8%8E%E6%8C%89%E9%92%AE%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u5d8841e6%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22ZEEkX%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cinput%20id%3D%5C%22inputField%5C%22%20hint%3D%5C%22%E8%AF%B7%E8%BE%93%E5%85%A5%E5%86%85%E5%AE%B9%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%8F%90%E4%BA%A4%5C%22%20id%3D%5C%22submitButton%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Ctext%20id%3D%5C%22outputText%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf1.findViewById('submitButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20inputText%20%3D%20f1.findViewById('inputField').getText()%3B%5Cn%20%20%20%20f1.findViewById('outputText').setText(%5C%22%E4%BD%A0%E8%BE%93%E5%85%A5%E4%BA%86%3A%20%5C%22%20%2B%20inputText)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ud552d3a4%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%226ede4d05%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud403816f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%225.%20%E8%BF%9B%E5%BA%A6%E6%9D%A1%E4%B8%8E%E6%8C%89%E9%92%AE%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ud96f3ee3%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22ED09I%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cprogressbar%20id%3D%5C%22progressBar%5C%22%20max%3D%5C%22100%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E5%BC%80%E5%A7%8B%E5%8A%A0%E8%BD%BD%5C%22%20id%3D%5C%22startButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf1.findViewById('startButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20progress%20%3D%200%3B%5Cn%20%20%20%20var%20interval%20%3D%20setInterval(function()%20%7B%5Cn%20%20%20%20%20%20%20%20progress%20%2B%3D%2010%3B%5Cn%20%20%20%20%20%20%20%20f1.findViewById('progressBar').setProgress(progress)%3B%5Cn%20%20%20%20%20%20%20%20if%20(progress%20%3E%3D%20100)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20clearInterval(interval)%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20printl(%5C%22%E5%8A%A0%E8%BD%BD%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%2C%20500)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ude4beba9%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22c919d280%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua858c9ea%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%226.%20%E5%88%97%E8%A1%A8%E4%B8%8E%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u4b6ac4e0%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22Zmnme%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Clist%20id%3D%5C%22itemList%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnvar%20items%20%3D%20%5B%5C%22%E9%A1%B9%E7%9B%AE1%5C%22%2C%20%5C%22%E9%A1%B9%E7%9B%AE2%5C%22%2C%20%5C%22%E9%A1%B9%E7%9B%AE3%5C%22%2C%20%5C%22%E9%A1%B9%E7%9B%AE4%5C%22%5D%3B%5Cnitems.forEach(function(item)%20%7B%5Cn%20%20%20%20var%20listItem%20%3D%20f1.createView('%3Ctext%20text%3D%5C%22'%20%2B%20item%20%2B%20'%5C%22%2F%3E')%3B%5Cn%20%20%20%20listItem.setOnClickListener(function()%20%7B%5Cn%20%20%20%20%20%20%20%20printl(%5C%22%E4%BD%A0%E7%82%B9%E5%87%BB%E4%BA%86%3A%20%5C%22%20%2B%20item)%3B%5Cn%20%20%20%20%7D)%3B%5Cn%20%20%20%20f1.findViewById('itemList').addView(listItem)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u00e03451%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%220b9cc8c8%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u500bb3da%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%227.%20%E5%A4%8D%E9%80%89%E6%A1%86%E4%B8%8E%E6%8C%89%E9%92%AE%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ubbbc477f%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22G5BlC%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Ccheckbox%20text%3D%5C%22%E9%80%89%E9%A1%B91%5C%22%20id%3D%5C%22checkbox1%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Ccheckbox%20text%3D%5C%22%E9%80%89%E9%A1%B92%5C%22%20id%3D%5C%22checkbox2%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E6%8F%90%E4%BA%A4%5C%22%20id%3D%5C%22submitButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf1.findViewById('submitButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20var%20isChecked1%20%3D%20f1.findViewById('checkbox1').isChecked()%3B%5Cn%20%20%20%20var%20isChecked2%20%3D%20f1.findViewById('checkbox2').isChecked()%3B%5Cn%20%20%20%20printl(%5C%22%E9%80%89%E9%A1%B91%3A%20%5C%22%20%2B%20isChecked1%20%2B%20%5C%22%2C%20%E9%80%89%E9%A1%B92%3A%20%5C%22%20%2B%20isChecked2)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u9c82ed50%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22f43de7a8%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u1bf6c5b9%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%228.%20%E5%9B%BE%E7%89%87%E4%B8%8E%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u701fe7a2%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22fpH0A%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cimage%20id%3D%5C%22imageView%5C%22%20src%3D%5C%22https%3A%2F%2Fvia.placeholder.com%2F150%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E7%82%B9%E5%87%BB%E5%9B%BE%E7%89%87%5C%22%20id%3D%5C%22imageButton%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf1.findViewById('imageButton').setOnClickListener(function()%20%7B%5Cn%20%20%20%20printl(%5C%22%E5%9B%BE%E7%89%87%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u80df0e91%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%2239967ec9%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uddffbfb2%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%229.%20%E6%BB%91%E5%8A%A8%E6%9D%A1%E4%B8%8E%E6%98%BE%E7%A4%BA%E5%80%BC%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u14e0fe60%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22MICxW%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cseekbar%20id%3D%5C%22seekBar%5C%22%20max%3D%5C%22100%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Ctext%20id%3D%5C%22seekValue%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnf1.findViewById('seekBar').setOnSeekBarChangeListener(function(progress)%20%7B%5Cn%20%20%20%20f1.findViewById('seekValue').setText(%5C%22%E5%BD%93%E5%89%8D%E5%80%BC%3A%20%5C%22%20%2B%20progress)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uaa713d7f%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%224de8071f%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uaa83507c%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%2210.%20%E5%A4%9A%E9%A1%B5%E9%9D%A2%E5%88%87%E6%8D%A2%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u1f501380%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22T1Kpv%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20f1%20%3D%20new%20floatUI()%3B%5Cnf1.loadSXML(%60%5Cn%20%20%20%20%3Cvertical%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E9%A1%B5%E9%9D%A21%5C%22%20id%3D%5C%22page1Button%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20text%3D%5C%22%E9%A1%B5%E9%9D%A22%5C%22%20id%3D%5C%22page2Button%5C%22%2F%3E%5Cn%20%20%20%20%20%20%20%20%3Cvertical%20id%3D%5C%22pageContainer%5C%22%2F%3E%5Cn%20%20%20%20%3C%2Fvertical%3E%5Cn%60)%3B%5Cn%5Cnvar%20page1%20%3D%20f1.createView('%3Cvertical%3E%3Ctext%20text%3D%5C%22%E8%BF%99%E6%98%AF%E9%A1%B5%E9%9D%A21%5C%22%2F%3E%3C%2Fvertical%3E')%3B%5Cnvar%20page2%20%3D%20f1.createView('%3Cvertical%3E%3Ctext%20text%3D%5C%22%E8%BF%99%E6%98%AF%E9%A1%B5%E9%9D%A22%5C%22%2F%3E%3C%2Fvertical%3E')%3B%5Cn%5Cnf1.findViewById('page1Button').setOnClickListener(function()%20%7B%5Cn%20%20%20%20f1.findViewById('pageContainer').removeAllViews()%3B%5Cn%20%20%20%20f1.findViewById('pageContainer').addView(page1)%3B%5Cn%7D)%3B%5Cn%5Cnf1.findViewById('page2Button').setOnClickListener(function()%20%7B%5Cn%20%20%20%20f1.findViewById('pageContainer').removeAllViews()%3B%5Cn%20%20%20%20f1.findViewById('pageContainer').addView(page2)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u71227065%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%2225f9c7fa%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u14cad503%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%80%BB%E7%BB%93%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u47c79711%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u6f86080d%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E8%BF%99%E4%BA%9B%E7%A4%BA%E4%BE%8B%E5%B1%95%E7%A4%BA%E4%BA%86%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uca0e6c99%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uc62b150c%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22floatUI%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u6506ce59%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%E7%9A%84%E5%BC%BA%E5%A4%A7%E5%8A%9F%E8%83%BD%EF%BC%8C%E6%B6%B5%E7%9B%96%E4%BA%86%E4%BB%8E%E7%AE%80%E5%8D%95%E7%9A%84%E6%8C%89%E9%92%AE%E7%82%B9%E5%87%BB%E5%88%B0%E5%A4%8D%E6%9D%82%E7%9A%84%E7%95%8C%E9%9D%A2%E5%88%87%E6%8D%A2%E5%92%8C%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B9%E5%8A%A0%E8%BD%BD%E3%80%82%E4%BD%A0%E5%8F%AF%E4%BB%A5%E6%A0%B9%E6%8D%AE%E5%AE%9E%E9%99%85%E9%9C%80%E6%B1%82%E5%AF%B9%E8%BF%99%E4%BA%9B%E4%BB%A3%E7%A0%81%E8%BF%9B%E8%A1%8C%E4%BF%AE%E6%94%B9%E5%92%8C%E6%89%A9%E5%B1%95%EF%BC%8C%E4%BB%A5%E5%AE%9E%E7%8E%B0%E6%9B%B4%E5%A4%8D%E6%9D%82%E7%9A%84%E5%8A%9F%E8%83%BD%E3%80%82%22%7D%5D%7D%5D%2C%22attrs%22%3A%7B%7D%7D" source="https%3A%2F%2Fwww.yuque.com%2Faiwork%2Fnba2pr%2Flivkuafcwgrnmiyx"></ne-clipboard><div class="lake-content" typography="classic"><p id="u19a3cb1b" class="ne-p" style="min-height: 24px;"><span class="ne-text">如何使用 </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">floatUI</span></code><span class="ne-text"> 创建不同的 UI 组件，并为它们设置点击事件。每个示例都展示了不同的 UI 布局和事件处理逻辑。</span></p><h3 id="67620b3d" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">示例 1: 创建一个带有多个按钮的垂直布局，并为每个按钮设置不同的点击事件</span></h3><pre data-language="javascript" id="HHfnD" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <button text="按钮1" id="button1"/>
   <button text="按钮2" id="button2"/>
   <button text="按钮3" id="button3"/>
</vertical>
`);

f1.findViewById('button1').setOnClickListener(function() {
printl("按钮1被点击了");
});

f1.findViewById('button2').setOnClickListener(function() {
printl("按钮2被点击了");
});

f1.findViewById('button3').setOnClickListener(function() {
printl("按钮3被点击了");
});</code></pre><p id="u14c72323" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="ae6b3821" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">示例 2: 创建一个带有输入框和按钮的布局，点击按钮时获取输入框的内容</span></h3><pre data-language="javascript" id="NSo4N" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f2 = new floatUI();
f2.loadSXML(`
<vertical>
   <input id="input1" hint="请输入内容"/>
   <button text="提交" id="submitButton"/>
</vertical>
`);

f2.findViewById('submitButton').setOnClickListener(function() {
var inputText = f2.findViewById('input1').getText();
printl("输入的内容是：" + inputText);
});</code></pre><p id="u5486037c" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="96c22777" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">示例 3: 创建一个带有复选框的布局，点击按钮时获取复选框的状态</span></h3><pre data-language="javascript" id="ElqdL" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f3 = new floatUI();
f3.loadSXML(`
<vertical>
   <checkbox text="选项1" id="checkbox1"/>
   <checkbox text="选项2" id="checkbox2"/>
   <button text="确认" id="confirmButton"/>
</vertical>
`);

f3.findViewById('confirmButton').setOnClickListener(function() {
var isChecked1 = f3.findViewById('checkbox1').isChecked();
var isChecked2 = f3.findViewById('checkbox2').isChecked();
printl("选项1的状态：" + isChecked1);
printl("选项2的状态：" + isChecked2);
});</code></pre><p id="ufcb9d749" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="67561fa5" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">示例 4: 创建一个带有进度条的布局，点击按钮时更新进度条</span></h3><pre data-language="javascript" id="nUaKL" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f4 = new floatUI();
f4.loadSXML(`
<vertical>
   <progressbar id="progressBar" max="100"/>
   <button text="更新进度" id="updateButton"/>
</vertical>
`);

f4.findViewById('updateButton').setOnClickListener(function() {
var progressBar = f4.findViewById('progressBar');
var currentProgress = progressBar.getProgress();
progressBar.setProgress(currentProgress + 10);
printl("当前进度：" + progressBar.getProgress());
});</code></pre><p id="ue4def6e5" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="03d09d64" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">示例 5: 创建一个带有单选按钮的布局，点击按钮时获取选中的单选按钮</span></h3><pre data-language="javascript" id="ic1zM" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f5 = new floatUI();
f5.loadSXML(`
<vertical>
   <radiogroup id="radioGroup">
         <radiobutton text="选项1" id="radio1"/>
         <radiobutton text="选项2" id="radio2"/>
         <radiobutton text="选项3" id="radio3"/>
   </radiogroup>
   <button text="确认选择" id="confirmButton"/>
</vertical>
`);

f5.findViewById('confirmButton').setOnClickListener(function() {
var radioGroup = f5.findViewById('radioGroup');
var selectedId = radioGroup.getCheckedRadioButtonId();
var selectedButton = f5.findViewById(selectedId);
printl("选中的选项是：" + selectedButton.getText());
});</code></pre><p id="u014d995d" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="82453ad7" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">示例 6: 创建一个带有图片的布局，点击按钮时更换图片</span></h3><pre data-language="javascript" id="ilpGg" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f6 = new floatUI();
f6.loadSXML(`
<vertical>
   <image id="imageView" src="https://example.com/image1.png"/>
   <button text="更换图片" id="changeImageButton"/>
</vertical>
`);

f6.findViewById('changeImageButton').setOnClickListener(function() {
var imageView = f6.findViewById('imageView');
imageView.setImage("https://example.com/image2.png");
printl("图片已更换");
});</code></pre><p id="uf98490ee" class="ne-p" style="min-height: 24px; text-align: right;"><span class="ne-text" style="color: white; background-color: rgb(39, 40, 34);"></span></p><h3 id="bc97c72f" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">示例 7: 创建一个带有列表的布局，点击按钮时获取选中的列表项</span></h3><pre data-language="javascript" id="MLEyh" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f7 = new floatUI();
f7.loadSXML(`
<vertical>
   <list id="listView">
         <item text="选项1"/>
         <item text="选项2"/>
         <item text="选项3"/>
   </list>
   <button text="获取选中项" id="getSelectedButton"/>
</vertical>
`);

f7.findViewById('getSelectedButton').setOnClickListener(function() {
var listView = f7.findViewById('listView');
var selectedItem = listView.getSelectedItem();
printl("选中的选项是：" + selectedItem.getText());
});</code></pre><p id="u00c4ea8c" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="c6be7064" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">示例 8: 创建一个带有滑动条的布局，点击按钮时获取滑动条的值</span></h3><pre data-language="javascript" id="tXhxl" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f8 = new floatUI();
f8.loadSXML(`
<vertical>
   <seekbar id="seekBar" max="100"/>
   <button text="获取值" id="getValueButton"/>
</vertical>
`);

f8.findViewById('getValueButton').setOnClickListener(function() {
var seekBar = f8.findViewById('seekBar');
var value = seekBar.getProgress();
printl("当前滑动条的值是：" + value);
});</code></pre><p id="uba0411bf" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="8fa4e15b" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">示例 9: 创建一个带有对话框的布局，点击按钮时显示对话框</span></h3><pre data-language="javascript" id="CFTkE" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f9 = new floatUI();
f9.loadSXML(`
<vertical>
   <button text="显示对话框" id="showDialogButton"/>
</vertical>
`);

f9.findViewById('showDialogButton').setOnClickListener(function() {
var dialog = new floatUI();
dialog.loadSXML(`
   <vertical>
         <text text="这是一个对话框"/>
         <button text="关闭" id="closeButton"/>
   </vertical>
`);

dialog.findViewById('closeButton').setOnClickListener(function() {
   dialog.dismiss();
});

dialog.show();
});</code></pre><p id="u20587645" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="1e1b6e53" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">示例 10: 创建一个带有多个布局的复杂 UI，点击按钮时切换布局</span></h3><pre data-language="javascript" id="hmtv6" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f10 = new floatUI();
f10.loadSXML(`
<vertical>
   <layout id="layout1">
         <text text="这是布局1"/>
         <button text="切换到布局2" id="switchToLayout2"/>
   </layout>
   <layout id="layout2" visibility="gone">
         <text text="这是布局2"/>
         <button text="切换到布局1" id="switchToLayout1"/>
   </layout>
</vertical>
`);

f10.findViewById('switchToLayout2').setOnClickListener(function() {
f10.findViewById('layout1').setVisibility("gone");
f10.findViewById('layout2').setVisibility("visible");
});

f10.findViewById('switchToLayout1').setOnClickListener(function() {
f10.findViewById('layout2').setVisibility("gone");
f10.findViewById('layout1').setVisibility("visible");
});</code></pre><p id="u8455d5d0" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><p id="uc8aef4ac" class="ne-p" style="min-height: 24px;"><span class="ne-text">这些示例展示了如何使用 </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">floatUI</span></code><span class="ne-text"> 创建不同的 UI 组件，并为它们设置点击事件。你可以根据需要调整这些示例，以适应你的具体需求。</span></p><p id="u664cc80e" class="ne-p" style="min-height: 24px;"><span class="ne-text"></span></p><p id="u409a523c" class="ne-p" style="min-height: 24px;"><span class="ne-text">以下是10个复杂且实用的 </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">floatUI</span></code><span class="ne-text"> 示例，涵盖了不同的功能和场景。每个示例都展示了如何创建和操作浮动界面，并添加不同的交互逻辑。</span></p><h3 id="7f31921d" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">1. 多按钮联动</span></h3><pre data-language="javascript" id="jKp1Z" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <button text="按钮1" id="button1"/>
   <button text="按钮2" id="button2"/>
   <button text="按钮3" id="button3"/>
</vertical>
`);

f1.findViewById('button1').setOnClickListener(function() {
printl("按钮1被点击了");
f1.findViewById('button2').setText("按钮1被点击了");
});

f1.findViewById('button2').setOnClickListener(function() {
printl("按钮2被点击了");
f1.findViewById('button3').setText("按钮2被点击了");
});

f1.findViewById('button3').setOnClickListener(function() {
printl("按钮3被点击了");
f1.findViewById('button1').setText("按钮3被点击了");
});</code></pre><p id="u0baf7194" class="ne-p" style="min-height: 24px; text-align: right;"><span class="ne-text" style="color: white; background-color: rgb(39, 40, 34); font-size: 13px;"></span></p><h3 id="9777a36f" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">2. 动态添加按钮</span></h3><pre data-language="javascript" id="trfWU" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <button text="添加按钮" id="addButton"/>
   <vertical id="buttonContainer"/>
</vertical>
`);

var buttonCount = 0;
f1.findViewById('addButton').setOnClickListener(function() {
buttonCount++;
var newButton = f1.createView('<button text="新按钮' + buttonCount + '"/>');
newButton.setOnClickListener(function() {
   printl("新按钮" + buttonCount + "被点击了");
});
f1.findViewById('buttonContainer').addView(newButton);
});</code></pre><p id="u53328428" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="c17be2d2" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">3. 切换界面</span></h3><pre data-language="javascript" id="szrLI" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <button text="切换到界面1" id="switchButton1"/>
   <button text="切换到界面2" id="switchButton2"/>
   <vertical id="container"/>
</vertical>
`);

var view1 = f1.createView('<vertical><text text="这是界面1"/></vertical>');
var view2 = f1.createView('<vertical><text text="这是界面2"/></vertical>');

f1.findViewById('switchButton1').setOnClickListener(function() {
f1.findViewById('container').removeAllViews();
f1.findViewById('container').addView(view1);
});

f1.findViewById('switchButton2').setOnClickListener(function() {
f1.findViewById('container').removeAllViews();
f1.findViewById('container').addView(view2);
});</code></pre><p id="u02bbda2d" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="c5b63265" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">4. 输入框与按钮</span></h3><pre data-language="javascript" id="ZEEkX" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <input id="inputField" hint="请输入内容"/>
   <button text="提交" id="submitButton"/>
   <text id="outputText"/>
</vertical>
`);

f1.findViewById('submitButton').setOnClickListener(function() {
var inputText = f1.findViewById('inputField').getText();
f1.findViewById('outputText').setText("你输入了: " + inputText);
});</code></pre><p id="ud552d3a4" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="6ede4d05" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">5. 进度条与按钮</span></h3><pre data-language="javascript" id="ED09I" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <progressbar id="progressBar" max="100"/>
   <button text="开始加载" id="startButton"/>
</vertical>
`);

f1.findViewById('startButton').setOnClickListener(function() {
var progress = 0;
var interval = setInterval(function() {
   progress += 10;
   f1.findViewById('progressBar').setProgress(progress);
   if (progress >= 100) {
         clearInterval(interval);
         printl("加载完成");
   }
}, 500);
});</code></pre><p id="ude4beba9" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="c919d280" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">6. 列表与点击事件</span></h3><pre data-language="javascript" id="Zmnme" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <list id="itemList"/>
</vertical>
`);

var items = ["项目1", "项目2", "项目3", "项目4"];
items.forEach(function(item) {
var listItem = f1.createView('<text text="' + item + '"/>');
listItem.setOnClickListener(function() {
   printl("你点击了: " + item);
});
f1.findViewById('itemList').addView(listItem);
});</code></pre><p id="u00e03451" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="0b9cc8c8" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">7. 复选框与按钮</span></h3><pre data-language="javascript" id="G5BlC" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <checkbox text="选项1" id="checkbox1"/>
   <checkbox text="选项2" id="checkbox2"/>
   <button text="提交" id="submitButton"/>
</vertical>
`);

f1.findViewById('submitButton').setOnClickListener(function() {
var isChecked1 = f1.findViewById('checkbox1').isChecked();
var isChecked2 = f1.findViewById('checkbox2').isChecked();
printl("选项1: " + isChecked1 + ", 选项2: " + isChecked2);
});</code></pre><p id="u9c82ed50" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="f43de7a8" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">8. 图片与点击事件</span></h3><pre data-language="javascript" id="fpH0A" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <image id="imageView" src="https://via.placeholder.com/150"/>
   <button text="点击图片" id="imageButton"/>
</vertical>
`);

f1.findViewById('imageButton').setOnClickListener(function() {
printl("图片被点击了");
});</code></pre><p id="u80df0e91" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="39967ec9" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">9. 滑动条与显示值</span></h3><pre data-language="javascript" id="MICxW" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <seekbar id="seekBar" max="100"/>
   <text id="seekValue"/>
</vertical>
`);

f1.findViewById('seekBar').setOnSeekBarChangeListener(function(progress) {
f1.findViewById('seekValue').setText("当前值: " + progress);
});</code></pre><p id="uaa713d7f" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h3 id="4de8071f" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">10. 多页面切换</span></h3><pre data-language="javascript" id="T1Kpv" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var f1 = new floatUI();
f1.loadSXML(`
<vertical>
   <button text="页面1" id="page1Button"/>
   <button text="页面2" id="page2Button"/>
   <vertical id="pageContainer"/>
</vertical>
`);

var page1 = f1.createView('<vertical><text text="这是页面1"/></vertical>');
var page2 = f1.createView('<vertical><text text="这是页面2"/></vertical>');

f1.findViewById('page1Button').setOnClickListener(function() {
f1.findViewById('pageContainer').removeAllViews();
f1.findViewById('pageContainer').addView(page1);
});

f1.findViewById('page2Button').setOnClickListener(function() {
f1.findViewById('pageContainer').removeAllViews();
f1.findViewById('pageContainer').addView(page2);
});</code></pre><p id="u71227065" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><p id="u71227065" class="ne-p" style="min-height: 24px; text-align: right;"></p><h3 id="25f9c7fa" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">总结</span></h3><p id="u47c79711" class="ne-p" style="min-height: 24px;"><span class="ne-text">这些示例展示了 </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">floatUI</span></code><span class="ne-text"> 的强大功能，涵盖了从简单的按钮点击到复杂的界面切换和动态内容加载。你可以根据实际需求对这些代码进行修改和扩展，以实现更复杂的功能。</span></p></div></td></tr></tbody></table></div>

页: [1]

B2B网络软件's Archiver

floatUI悬浮窗 实用示例合集

floatUI悬浮窗实用示例合集