9. A standard window

[墨香年少 32]

 

our app ui:

 

xml:

<?xml version="1.0" encoding="utf-8"?>
<Window caption="0,0,0,36" roundcorner="0,0" size="842,522" sizebox="6,6,6,6" mininfo="842,522" maxinfo="842,522">
	<Font id="0" name="Consolas" size="14" bold="false" default="true" shared="true" />
	<Font id="1" name="Segoe UI Light" size="28" bold="false" default="true" shared="true" />
	<Font id="2" name="Consolas" size="12" bold="false" default="true" shared="true" />
	<VerticalLayout bkcolor="#FFFFFFFF" bordersize="1" bordercolor="#FF454B4D">

		<VerticalLayout height="140" bkcolor="#FF1855a5" bkcolor2="#FF3877c9" padding="1,1,1,0">

			<HorizontalLayout name="header" height="32" >
				<Label text="Tencent PC Manager (just for duilib tutorial)" textcolor="#FFFFFFFF" font="0" padding="10,0,0,0" />
				<Control />
				<HorizontalLayout height="18" width="80" padding="0,7,10,0" >
					<Button name="btn_min" maxwidth="18" maxheight="18" padding="0,0,8,0" normalimage="file='title/setting_normal.png' source='0,0,0,0'" hotimage="file='title/setting_active.png' source='0 0 0 0'" pushedimage="file='title/setting_active.png' source='0 0 0 0'"/>
					
					<Button name="btn_min" maxwidth="18" maxheight="18" padding="0,0,8,0" normalimage="file='title/min_normal.png' source='0,0,0,0'" hotimage="file='title/min_active.png' source='0 0 0 0'" pushedimage="file='title/min_active.png' source='0 0 0 0'"/>

					<Button name="btn_close" maxwidth="18" maxheight="18" normalimage="file='title/close_normal.png' source='0,0,0,0'" hotimage="file='title/close_active.png' source='0 0 0 0'" pushedimage="file='title/close_active.png' source='0 0 0 0'"/>
				</HorizontalLayout>
			</HorizontalLayout>
			
			<HorizontalLayout>
				<Control width="88" height="88" bkimage="file='thunder.png' source='0,0,0,0'" padding="30,10,0,0" />
				<Label text="Scan regularly to remove risks" font="1" padding="20,0,0,0" textcolor="#FFFFFFFF" width="365" height="108" />
				<Button text="Quick Scan" font="1" padding="70,28,0,0" textcolor="#FFFFFFFF" width="142" height="52" bkcolor="#FF01C248" />
				<Button padding="0,28,0,0" textcolor="#FFFFFFFF" width="24" height="52" bkcolor="#FF01C248" bordersize="1,0,0,0" bordercolor="#FF4c8561" />
				<Control width="22" height="22" bkimage="file='down.png' source='0,0,0,0'" padding="-24,45,0,0" />
			</HorizontalLayout>
		
		</VerticalLayout>

		<VerticalLayout name="body" padding="1,0,1,1">
			<VerticalLayout bkcolor="#FFffffff">
				<VerticalLayout width="620" height="265" bkcolor="#FFffffff" padding="146,42,0,0">
				
					<Label text="Antivirus Engines" font="1" textcolor="#FF333333" />
					<HorizontalLayout>
						<Control width="68" height="68" bkimage="file='ico1.png' source='0,0,0,0'" padding="0,10,20,10" />
						<Control width="68" height="68" bkimage="file='ico2.png' source='0,0,0,0'" padding="0,10,20,10" />
						<Control width="68" height="68" bkimage="file='ico3.png' source='0,0,0,0'" padding="0,10,20,10" />
						<Control width="68" height="68" bkimage="file='ico4.png' source='0,0,0,0'" padding="0,10,20,10" />
						<Control width="68" height="68" bkimage="file='ico5.png' source='0,0,0,0'" padding="0,10,20,10" />
						<Control width="68" height="68" bkimage="file='ico6.png' source='0,0,0,0'" padding="0,10,20,10" />
					</HorizontalLayout>
					
					<Label text="Protection Status" font="1" textcolor="#FF333333" padding="0,26,0,10" />
					<HorizontalLayout>
						<VerticalLayout width="215" height="55">
							<HorizontalLayout>
								<Label text="4" font="1" textcolor="#FF000000" width="20" height="26" />
								<Label text="Days" font="0" textcolor="#FF333333" />
							</HorizontalLayout>
							<Label text="Protecting your computer" textcolor="#FF666666" />
						</VerticalLayout>
						
						<VerticalLayout width="215" height="55">
							<HorizontalLayout>
								<Label text="4" font="1" textcolor="#FF000000" width="20" height="26" />
								<Label text="Days" font="0" textcolor="#FF333333" />
							</HorizontalLayout>
							<Label text="Protecting your computer" textcolor="#FF666666" />
						</VerticalLayout>
						
						<VerticalLayout width="215" height="55">
							<HorizontalLayout>
								<Label text="4" font="1" textcolor="#FF000000" width="20" height="26" />
								<Label text="Days" font="0" textcolor="#FF333333" />
							</HorizontalLayout>
							<Label text="Protecting your computer" textcolor="#FF666666" />
						</VerticalLayout>
					</HorizontalLayout>
				</VerticalLayout>
			</VerticalLayout>
			
			<Control height="1" bkcolor="#FFb8bbb9" />
			
			<HorizontalLayout bkcolor="#FFffffff" bordercolor="#FF000000" height="36">
				<Label text="Powered by http://thinkh5.com" font="2" padding="10,0,0,0" textcolor="#FF6c9acd" />
				<Control />
				<Label text="Quarantin" font="2" width="85" textcolor="#FF6c9acd" />
				<Label text="Whitelist" font="2" width="85" textcolor="#FF6c9acd" />
				<Label text="Scan logs" font="2" width="85" textcolor="#FF6c9acd" />
			</HorizontalLayout>
		</VerticalLayout>

  </VerticalLayout>
</Window>

resource.zip:

resource.zip

 

project zip download:

duilib_hello.zip