仿支付宝 duilib库实现

最新推荐文章于 2023-02-27 07:50:54 发布

~AC~

最新推荐文章于 2023-02-27 07:50:54 发布

阅读量461

点赞数

文章标签： duilib

本文链接：https://blog.csdn.net/qq_42673507/article/details/86651554

版权

https://github.com/TaoJing96/duilib_teach/tree/master/ListDemo 完整版git链接

<?xml version="1.0" encoding="utf-8"?>

<Font id = "1" name="微软雅黑" size="20"  />
<Font id = "2" name="黑体" size="15" bold="true" />
<Font id = "3" name="黑体" size="15"  />
<Font id = "4" name="黑体" size="16"  />
<Font id = "5" name="黑体" size="16"  />
<Font id = "6" name="黑体" size="15"  />
<Font id = "7" name="黑体" size="25"  />
<Font id = "8" name="黑体" size="15"  />
<Font id = "9" name="黑体" size="16"   bold="true"/>
<Font id = "10" name="黑体" size="13"  />
<VerticalLayout  bkcolor="#FF00FFFF" size="300,500"  >

<VerticalLayout name="page4" bkcolor="##FF00FFFF" size="300,500"  visible="true">
    <HorizontalLayout height="80" >
    </HorizontalLayout>
    <HorizontalLayout height="40" >
        <Control width="30"/>
        <Edit height="40" name="registeraccount" text="输入你的手机号\邮箱" maxchar="11" textcolor="#FF4B4F51" disabledtextcolor="#FFA7A6AA" font="6" bordercolor="#FF00FFFF" focusbordercolor="#FF0000FF" bordersize="1"/>
        <Control width="30"/>
    </HorizontalLayout>
    <Control height="20"/>
    <HorizontalLayout height="40" >
        <Control width="30"/>
        <Edit height="40" width="60" name="registeraccount" text="" maxchar="8" textcolor="#FF4B4F51" disabledtextcolor="#FFA7A6AA" font="6" bordercolor="#FF00FFFF" focusbordercolor="#FF0000FF" bordersize="1"/>
        <Control />
        <Button name="sendyzm" width="80" padding="30,0,0,0" text="发送验证码" font="10" normalimage="file='button_nor.bmp'" pushedimage="file='button_down.bmp'"/>
        <Control width="30"/>
    </HorizontalLayout>        
    <Control height="20"/>
    <HorizontalLayout height="40" >
        <Control width="30"/>
        <Edit height="40" name="registeraccount" text="输入你的密码" textcolor="#FF4B4F51" disabledtextcolor="#FFA7A6AA" font="6" bordercolor="#FF00FFFF" focusbordercolor="#FF0000FF" bordersize="1"/>
        <Button name="randomuser" width="40" normalimage="file='骰子.png'"/>
        <Control width="30"/>
    </HorizontalLayout>
    <Control height="20"/>
    <HorizontalLayout height="40" >
        <Control width="30"/>
        <Edit height="40" name="registeraccount" text="输入你的用户名" textcolor="#FF4B4F51" disabledtextcolor="#FFA7A6AA" font="6" bordercolor="#FF00FFFF" focusbordercolor="#FF0000FF" bordersize="1" />
        <Control width="30"/>
    </HorizontalLayout>
    <Control height="20"/>
  <HorizontalLayout height="40" >
    <Control width="30"/>
    <Button name="register" text="完        成" font="1" roundcorner="4,4" bkcolor="#FF4169E1" textcolor="#FFFFFFFF" normalimage="file='button_nor.bmp'" pushedimage="file='button_down.bmp'"/>
    <Control width="30"/>
  </HorizontalLayout>
</VerticalLayout>
<!--                             page4                                 -->

<!--                             page3                                 -->
<VerticalLayout name="page3" bkcolor="#FFFFFFFF" size="300,500"  visible="false">
    <HorizontalLayout height="80" bkcolor="#FFFFFFFF">
        <Button name="page3topage2btn" width="30" height="30" tooltip="安全退出" normalimage="file='exit1.png'" hotimage="file='exit2.png'"/>
    </HorizontalLayout>
    <Button width="300" height="300" normalimage="file='bill.jpg'"/>
    <Control height="20"/>
</VerticalLayout>
<!--                             page3                                 -->

<!--                             page2                                 -->
<VerticalLayout name="page2" bkcolor="#FF00FFFF" size="300,500" visible="false"  >
    <HorizontalLayout height="30">
        <Button name="page2topage1btn" width="30" tooltip="安全退出" normalimage="file='exit1.png'" hotimage="file='exit2.png'"/>
    </HorizontalLayout>
    <HorizontalLayout height="100">
        <Button width="100" name="page2head" normalimage="file='head.png'" padding="100,0,0,0"/>
    </HorizontalLayout>
    <HorizontalLayout height="60">
        <Button name="page2toptext" font="7" text="欢迎你" align="center" padding="0,10,0,0" textcolor="#FF0000FF"/>
    </HorizontalLayout>
    <Control height="20"/>
    <HorizontalLayout height="30" >
        <Button width="30" padding="40,0,0,0" normalimage="file='账单.png'"/>
        <Button name="page2bill"  padding="40,0,0,0" text="点击查看账单" font="1" hottextcolor="#FFFF0000" bkcolor="#FFAFEEEE"/>
    </HorizontalLayout>
    <Control height="20"/>
    <HorizontalLayout height="30" >
        <Button width="25" height="25" padding="43,0,0,0" normalimage="file='余额.png'" tooltip="余额"/>
        <Button name="page2remaining" font="8" padding="42,0,0,0" text="$2432532" bkcolor="#FFAFEEEE" tooltip="账户余额"/>  
    </HorizontalLayout>
   <Control height="20"/>
  
    <HorizontalLayout height="30" >
        <Button width="25" height="25" padding="43,0,0,0" normalimage="file='花呗-红.png'" tooltip="花呗"/>
        <Button name="page2huabei" font="8" padding="42,0,0,0" text="33000" bkcolor="#FFAFEEEE" tooltip="花呗可用额度"/>
    </HorizontalLayout>
</VerticalLayout>
<!--                             page2                                 -->


<!--                             page1                                 -->
<VerticalLayout name="page1" bkcolor="#FF00FFFF" size="300,500" visible="false" >
    <HorizontalLayout height="30">
        <Button name="sim" width="30" tooltip="你好 请插入SIM卡" normalimage="file='添加sim卡_填充.png'" hotimage="file='SIM卡.png'"/>
        <Button name="wifi" width="30" tooltip="主人 WIFI信号良好" padding="5,0,0,0" normalimage="file='wifi.png'" hotimage="file='WIFI (1).png'"/>
        <Control />
        <Button name="safe" width="30" tooltip="主人 安全中心已启用" padding="20,0,0,0" normalimage="file='安全.png'" hotimage="file='安全 (1).png'"/>
        <Control />
        <Button name="time" width="30" tooltip="主人 你已经连续工作4小时 该休息啦~" normalimage="file='时间 (3).png'" hotimage="file='安全 (1).png'"/>
        <Button name="electricty" width="30" tooltip="主人 该充电啦..." padding="0,0,0,0" normalimage="file='电量2-01.png'" hotimage="file='低电量警报.png'"/>
        <Button name="closebtn" width="20" height="20" tooltip="退出界面" padding="5,5,0,0" normalimage="file='退出.png'" hotimage="file='退出 (1).png'"/>
    </HorizontalLayout>
    <HorizontalLayout height="30" font="1">
        <Control />
        <Combo name="Language" width="30"  padding="3,0,0,0" tooltip="选择语言">
        <font id="4"/>
        <ListLabelElement text="中文"  selected="true" hottextcolor="#FF0000FF"/>
        <ListLabelElement text="英文" hottextcolor="#FF0000FF" />
        <ListLabelElement text="韩文" hottextcolor="#FF0000FF" />
        </Combo>
        <Control width="30"/>
    </HorizontalLayout>
    <HorizontalLayout height="30">
    </HorizontalLayout>
    <HorizontalLayout name="zfb" height="80">
        <Control />
        <Button name="logo" width="80"   normalimage="file='支付宝 (1).png'"/>
        <Control />
    </HorizontalLayout>
    <HorizontalLayout name="money" height="80" visible="false">
        <Control />
        <Button name="logo" width="80"   normalimage="file='支付平台-支付宝.png'" hotimage="file='支付宝 (1).png'"/>
        <Control />
    </HorizontalLayout>
    <VerticalLayout height="88">
        <HorizontalLayout height="40">
            <Control width="30" />
            <HorizontalLayout >
                <Button name="accountbtn" width="50" height="38"  font="2" padding="0,1,1,0" normalimage="file='账号 (1).png'" bkcolor="#FFFFFFFF" bordersize="3" textcolor="#FF0000FF"/>
                <Edit height="40" name="account" text="请输入账号" textcolor="#FF4B4F51" disabledtextcolor="#FFA7A6AA" font="6" bordercolor="#FF00FFFF" focusbordercolor="#FF0000FF" bordersize="1"/>
            </HorizontalLayout>
            <Control width="30"/>
        </HorizontalLayout>
        <Control height="8"/>
        <HorizontalLayout height="40">
            <Control width="30" />
            <HorizontalLayout >
                <Button name="passwordbtn" width="50" height="38"  font="2" padding="0,1,1,0"  maxchar="11" normalimage="file='密码 (1).png'" bkcolor="#FFFFFFFF" bordersize="3" textcolor="#FF0000FF"/>
                <Edit name="password" height="40"  textcolor="#FF4B4F51" disabledtextcolor="#FFA7A6AA" maxchar="10" font="6" bordercolor="#FF00FFFF" focusbordercolor="#FF0000FF" bordersize="1" password="true" />
            </HorizontalLayout>
            <Control width="30"/>
            </HorizontalLayout> 
    </VerticalLayout>
    <Control height="5"/>
    <HorizontalLayout height="20">
        <Control  />
        <HorizontalLayout width="130">
        <Button name="repsw" text="记住密码？" tooltip="是否记住密码？" width="80"  font="9" textcolor="#FFFFFFFF"/>
        <Button name="remeberpsw"  width="20" padding="20,0,0,0"  bkcolor="#FFFFFFFF" normalimage="timg (1).jpg"/>
        </HorizontalLayout>
        <Control width="30" />
    </HorizontalLayout>
    <Control height="5"/>
    <HorizontalLayout height="40" >
        <Control width="30" />
        <Button name="enter" text="登        入" font="1" roundcorner="4,4" bkcolor="#FF4169E1" textcolor="#FFFFFFFF"/>
        <Control width="30" />
    </HorizontalLayout>
    <HorizontalLayout height="10" >
    </HorizontalLayout>
    <HorizontalLayout height="40"  >
        <Button name="help" text="遇到问题？" font="4" bkcolor="#FF00FFFF" hottextcolor="#FFFF0000"/>
    </HorizontalLayout>
    <HorizontalLayout height="50"  >
    </HorizontalLayout>
    <HorizontalLayout height="40"  >
        <Button name="register" text="还没有账号？ 去注册！" font="5" bkcolor="#FF00FFFF" hottextcolor="#FFFF0000"/>
    </HorizontalLayout>
</VerticalLayout>
 <!--                             page1                   -->
  
  </VerticalLayout>
</Window>

效果图，写了2天没写完，有待完善
在这里插入图片描述

~AC~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
仿支付宝 duilib库实现

https://github.com/TaoJing96/duilib_teach/tree/master/ListDemo 完整版git链接&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;Font id = "1" name="微软雅黑" size="20" /&gt;&lt;Font id = "
复制链接

扫一扫