HTML,CSS 无边框桌面窗口

1. [图片] htmlui.jpg


?2. [代码]下面源码复制到快手(WWW.AAU.CN)中运行即可     
import win.ui;
/*DSG{{*/
var winform = ..win.form( bottom=399;text="HTMLayout - 无边框窗口";border="none";right=599 )
winform.add(  )
/*}}*/
 
import win.util.round;
win.util.round(winform,,,6,6); //窗体改成圆角,最后两个参数指定圆角半径
 
import web.layout;
import web.layout.behavior.windowCommand;
import web.layout.behavior.windowSizer;
 
//创建网页浏览器
var wbLayout = web.layout( winform )
 
wbLayout.html = /**
<div #title-bar command="window-caption">  
    <div .buttons> 
        <a command="window-min">0</a>
        <a command="window-max">1</a>
        <a command="window-close">r</a>
    </div> 
</div>
 
<div />  
**/
 
wbLayout.css = /**
html{
    background:#999;/*网页背景色*/
    border-radius:4px; /*8像素大小的圆角*/
}http://www.enterdesk.com/special/shouhui/?
 
#title-bar{ 手绘图片
    behavior:windowCommand;/*添加交互行为:windowCommand*/
    width:100%; /*宽度撑满窗口*/
    height:21px; /*高度36像素,px表示单位为像素*/
    background:#CCCCCC; /*背景色*/

 
#title-bar .buttons { 
    width:85px;/*宽度85像素*/
    height:16px;/*高度16像素*/
    flow:horizontal;/*内部水平布局横向排列按钮*/
     
    position:absolute;/*使用绝对定位*/
    right:2px;/*右边距2像素*/
    top:0px;/*顶边距0像素*/
}
 
#title-bar a[command]{
    display:block; /*显示为块模式,才能指定宽高*/
    width:16px;/*宽度16像素*/
    height:16px;/*高度16像素*/
    font-family:"Marlett"; /*该字体显示按钮符号*/
    padding:4px 2px 5px 4px;/*上右下左内边距*/
}
#title-bar a[command]:hover{ 
    background:#999;/*鼠标移到节点上改变背景色*/
}
  
#title-bar a[command="window-restore"]{ 
    content:"2";/*自动转换到还原按钮时,改变内部文本为还原符号*/
}
**/
 
winform.show() 
win.loopMessage();

时间: 2024-11-09 07:17:58

HTML,CSS 无边框桌面窗口的相关文章

winform无边框窗口拖动

无边框的窗口想拖动,只需要在置顶的容器上添加对应的mousedown 和 mousemove 事件就可以实现了.代码如下: 1 //拖动窗口 2 private Point mPoint = new Point(); 3 4 private void panel1_MouseDown(object sender, MouseEventArgs e) 5 { 6 mPoint.X = e.X; 7 mPoint.Y = e.Y; 8 } 9 10 private void panel1_Mouse

QT窗口置顶/真透明/背景模糊/非矩形/跳过任务栏分页器/无边框/无焦点点击/焦点穿透

qt 窗口置顶/真透明/背景模糊/非矩形/跳过任务栏分页器/无边框/无焦点点击/焦点穿透 窗口置顶qt 里是 setWindowFlags(Qt::WindowStaysOnTopHint)kde 里是 KWindowSystem::setState(winId(), NET::KeepAbove)这样的置顶窗口不会处于全屏窗口的上方,如果需要真正的置顶,setWindowFlags(Qt::X11BypassWindowManagerHint) 可无视这个规则,但这样不会出现任务栏等,kimt

C# WPF 设置窗口无边框

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" AllowsTransparency="True" WindowStyle="None" > AllowsTransparency="True&quo

141107●Winform拖动无边框窗口、播放音频、启动外部exe程序

鼠标拖动无边框窗口 1. //鼠标拖动 Point downpoint = new Point(); //事件,鼠标按下,获取当前坐标 private void panel1_MouseDown(object sender, MouseEventArgs e) { downpoint.X = -e.X; downpoint.Y = -e.Y; } //事件,鼠标移动,赋值新坐标 private void panel1_MouseMove(object sender, MouseEventArgs

Qt5.3中qml ApplicationWindow设置窗口无边框问题

这个版本的qt在这里有点bug.. 设置ApplicationWindow的flags属性为Qt.FramelessWindowHint的确可以使程序无边框,但是同时程序在任务栏的图标也没了. 看文档发现 ApplicationWindow 是由 QQuickWindow 实现的,QQuickWindow 又继承于 QWindw. 直接创建一个QWindow对象实验了一下,代码如下 QWindow window; window.setFlags( Qt::FramelessWindowHint

QML之窗口(无边框、透明及拖拽)

1.无边框 Qt Quick 2.0 中 QQuickView代替了1.0中的QDeclarativeView. 无边框窗口代码如下: QQuickView viwer; //QQuickView继承自QWindow而不是QWidget viwer.setFlags(Qt::FramelessWindowHint); 2.窗口透明 setOpacity可设置整个窗口(包括控件)的透明度,而背景透明则应使用setColor //设置窗口颜色,以下为透明,在viwer.setSource()之前使用

Qt无边框,可移动窗口

QPoint dragPosition;void MainWindow::mousePressEvent(QMouseEvent *event){if(event->button()==Qt::LeftButton){dragPosition=event->globalPos()-frameGeometry().topLeft();event->accept();}}void MainWindow::mouseMoveEvent(QMouseEvent *event){if(event-

C# WPF 建立无边框(标题栏)的登录窗口

前言:笔者最近用c#写WPF做了一个项目,此前未曾做过完整的WPF项目,算是一边学一边用,网上搜了不少资料,效率当然是不敢恭维的,有时会在一些很简单的问题上纠结很长时间,血与泪的教训可不少. 不过,正如电视剧某榜里的一句话:既然我活了下来,就不会白白活着!笔者怎么也算挣扎过了,有些经验与教训可以分享,趁着记忆深刻总结写下来.希望后来者少走弯路,提高工作效率.如果有写得不好的地方,希望读者能够指正,一起进步! --------------------------------- 今天先从登录窗口说起

【Qt编程】无边框窗口的拖动

在上一篇文章中,我们讲述了如何进行无边框窗口的缩放与拖动,而在一些情况下,我们的窗口只需要进行拖动也不需要改变其大小,比如:QQ的登录窗口.本来在上一篇文章中已经讲述了如何进行窗口的拖动,但是却与窗口的缩放相关的程序放在一起,下面专门单独分离出来. 窗口的拖放只涉及到鼠标事件:按下操作.释放操作和移动操作,因此只需要重写这三个函数.由于程序比较简单,并且注释也比较详细,就不作过多介绍.新建一个基类为QWidget的Qt Gui应用程序,只需修改widget.h和widget.cpp文件如下: 1