备份

demo/kugou/res/xml/bottom.htm

@@ -0,0 +1,74 @@
+<hbox id="bottom">
+    <hbox width="256">
+        <spacer width="47"></spacer>
+        <label width="38" height="38" id="up"></label>
+        <spacer width="18"></spacer>
+        <tablayout id="mediaCtl" width="46" height="46">
+            <label id="play"></label>
+            <label id="pause"></label>
+        </tablayout>
+        <spacer width="18"></spacer>
+        <label width="38" height="38" id="next"></label>
+        <spacer width="24"></spacer>
+    </hbox>
+    <label id="labelSinger" width="53" height="53">
+    </label>
+    <spacer width="10"></spacer>
+    <vbox style="color:rgb(255,255,255)" class="a b  c   ddd">
+        <label id="songName" ellipsis="..." halign="left" text="酷🐕音乐xxx" height="40"></label>
+        <hbox id="playerBar" style="background-color: rgba(200,200,200,76);border-radius:5" height="5">
+            <label id="playerBar2" style="background-color:#FFFEA1" width="5"></label>
+        </hbox>
+    </vbox>
+    <label id="labelTime" text="00:00/00:00" width="130" style="color:#ffffff"></label>
+    <checkbox id="deskLrc" width="76" text="桌面歌词" style="color:#ffffff"></checkbox>
+</hbox>
+<style>
+
+    #deskLrc {
+        cursor: pointer;
+    }
+
+        #deskLrc:checked {
+            color: #000000;
+        }
+
+    #labelSinger {
+        border: 5px #ffd800;
+        border-style: solid;
+        border-radius:20px;
+        background-image: "res/imgs/headImg.jpg";
+    }
+
+    #up {
+        fore-image: "res/imgs/up.png";
+    }
+
+        #up:hover {
+            fore-image: "res/imgs/up_1.png";
+        }
+
+    #play {
+        fore-image: "res/imgs/play.png";
+    }
+
+        #play:hover {
+            fore-image: "res/imgs/play_1.png";
+        }
+
+    #pause {
+        fore-image: "res/imgs/pause.png";
+    }
+
+        #pause:hover {
+            fore-image: "res/imgs/pause_1.png";
+        }
+
+    #next {
+        fore-image: "res/imgs/next.png";
+    }
+
+        #next:hover {
+            fore-image: "res/imgs/next_1.png";
+        }
+</style>

demo/kugou/res/xml/center.htm

@@ -0,0 +1,72 @@
+<hbox id="centerLayout" style="background-color:rgb(255,255,255)">
+
+    <vbox width="309" id="centerLeft">
+        <hbox height="40" id="tools">
+            <spacer width="15"></spacer>
+            <label underline="1,3" text="默认列表" halign="left" tablayout="leftList"></label>
+        </hbox>
+        <tablayout id="leftList">
+            <vlist id="playList"></vlist>
+            <vlist id="downList"></vlist>
+        </tablayout>
+    </vbox>
+    <vbox>
+        <hbox height="40" style="border-bottom:1;border-color:rgb(221,221,221);">
+            <spacer></spacer>
+            <radiobutton checked="true" class="check" width="54" text="乐库" tablayout="rightView" id="songView"></radiobutton>
+            <radiobutton width="54" class="check" text="歌词" tablayout="rightView" id="lrcView"></radiobutton>
+            <radiobutton width="54" class="check" text="MV" tablayout="rightView" id="mvView"></radiobutton>
+            <radiobutton width="54" class="check" text="直播" tablayout="rightView"></radiobutton>
+            <spacer></spacer>
+        </hbox>
+        <tablayout id="rightView">
+            <vbox>
+                <hbox style="background-color: #F5F5F5; color: #888888 " height="32">
+
+                    <spacer width="15"></spacer>
+                    <label halign="left" text="歌曲名"></label>
+                    <label halign="left" width="184" text="专辑"></label>
+                    <spacer width="15"></spacer>
+                    <label width="50" text="热度"></label>
+                    <label halign="left" width="60" text="时长"></label>
+
+                </hbox>
+                <vlist id="searchList" scrollbar="testBar"></vlist>
+            </vbox>
+            <vbox id="lrcView2" style="font-size:16px"> </vbox>
+            <vbox id="vlcDock" style="background-color:#000000;"></vbox>
+
+            <vbox class="aaa">
+                <img id="gif" src="res/imgs/gif2.gif" />
+            </vbox>
+        </tablayout>
+    </vbox>
+</hbox>
+<style>
+    /*选中样式*/
+    .check:checked {
+        border-bottom: 2px solid rgb(55,174,254);
+    }
+
+    #icon {
+        fore-image: "res/imgs/icon.png";
+    }
+
+    #icon1 {
+        fore-image: "res/imgs/down.png";
+    }
+
+    #testBar:hover {
+        color: #ff6a00;
+    }
+
+    #testBar:active {
+        color: #ff6a00;
+    }
+
+    /*设置滚动条样式*/
+    #playList::-webkit-scrollbar {
+        width: 9px;
+        border-radius: 9px;
+    }
+</style>

demo/kugou/res/xml/login.htm

@@ -0,0 +1,74 @@
+<vbox style="background-color:rgb(255,255,255)">
+    <hbox id="title" height="45" action="move">
+        <spacer></spacer>
+        <hbox width="80" id="btns">
+            <label text="0" action="mini"></label>
+            <label text="r" name="close" action="close"></label>
+        </hbox>
+    </hbox>
+
+    <vbox id="form" margin-top="20" spacing="15">
+        <hbox>
+            <label width="60" text="用户名" halign="right"></label>
+            <spacer width="10"></spacer>
+            <hbox class="inputBox">
+                <input margin-left="10" type="text" name="username" placeholder="请输入用户名" />
+            </hbox>
+            <spacer width="10"></spacer>
+        </hbox>
+        <hbox>
+            <label width="60" text="密码" halign="right"></label>
+            <spacer width="10"></spacer>
+            <hbox class="inputBox">
+                <input margin-left="10" passwordchar="*" name="password" placeholder="请输入密码" />
+            </hbox>
+            <spacer width="10"></spacer>
+        </hbox>
+    </vbox>
+
+    <hbox>
+        <spacer></spacer>
+        <button id="btnLogin" text="登录"></button>
+        <spacer></spacer>
+
+    </hbox>
+</vbox>
+
+<style>
+    #btns {
+        font-family: "Marlett";
+        font-size: 13px;
+        color: #dddddd;
+    }
+
+        #btns:hover {
+            color: #ffffff;
+        }
+
+    #title {
+        font-size: 13px;
+        color: #ffffff;
+        background-color: #0078A0;
+    }
+
+    .inputBox {
+        height: 26px;
+        border: 1px;
+        border-radius: 4px;
+        background-color: #f8f8f8;
+        color: #333333;
+    }
+
+    #btnLogin {
+        width: 80px;
+        height: 30px;
+        background-color: #0078d7;
+        color: rgb(255,255,255);
+        border-radius: 4px;
+        font-size: 14px;
+    }
+
+        #btnLogin:hover {
+            background-color: #005a9e;
+        }
+</style>

demo/kugou/res/xml/main.htm

@@ -0,0 +1,22 @@
+<vbox id="mainLayout">
+    <!-- 用于做半透明 -->
+    <vbox style="background-color: rgba(0,0,0,100) ">
+        <!-- 标题 -->
+        <iframe id="titleFrame" height="50" src="res/xml/title.htm"></iframe>
+        <!-- 中间部分 -->
+        <iframe id="centerFrame" src="res/xml/center.htm"></iframe>
+        <!-- 下边部分 -->
+        <iframe id="bottomFrame" height="67" src="res/xml/bottom.htm"></iframe>
+    </vbox>
+</vbox>
+
+<style>
+    #mainLayout {
+        background-color: #029BE9;
+        background-image: "res/imgs/defaultBackground.png";
+    }
+
+    #aaa {
+        border: 1px solid rgb(255, 216, 0); /*暂不支持*/
+    }
+</style>

demo/kugou/res/xml/title.htm

@@ -0,0 +1,49 @@
+<hbox id="title" action="title">
+    <hbox width="309" action="title">
+        <spacer width="15"></spacer>
+        <label id="icon" width="29" height="29"></label>
+        <spacer width="15"></spacer>
+        <button enable="true"  text="登录" id="login" halign="left" width="auto"></button>
+        <spacer></spacer>
+    </hbox>
+    <hbox height="26" id="inputBox">
+        <label class="serachIcon" margin="0,5" width="20" height="20"></label>
+        <edit id="searchEdit" readonly="false" placeholder="输入音乐名/歌手,回车走你" margin="0,10,0,0" height="26"></edit>
+    </hbox>
+    <spacer></spacer>
+    <hbox width="100" id="btns">  <label text="0" action="mini"></label><label text="1" action="max"></label><label text="r" name="close" action="close"></label> </hbox>
+</hbox>
+<style>
+    #login {
+        cursor: pointer;
+    }
+
+    .serachIcon {
+        fore-image: "res/imgs/search.png";
+    }
+
+    #icon {
+        fore-image: "res/imgs/icon.png";
+    }
+
+    #btns {
+        font-family: "Marlett";
+        font-size: 13px;
+        color: #dddddd;
+    }
+
+        #btns:hover {
+            color: #ffffff;
+        }
+
+    #title {
+        font-size: 13px;
+        color: #ffffff;
+    }
+
+    #inputBox {
+        background-color: rgba(255,255,255,100);
+        color: #ffffff;
+        border-radius: 26px;
+    }
+</style>