1.C# WPF开源控件库HandyControl用法举例
2.几十款 WPF 控件 - UI 库,码分总有一款适合你
3.求在HTML页上显示动态标准时间代码
4.WPF中如何使用HandyCotrol控件库
C# WPF开源控件库HandyControl用法举例
HandyControl是码分一款免费开源的WPF控件库,可直接在GitHub获取源代码和示例代码。码分
使用前需在nuget中引用HC库,码分并在App.xaml中引用其皮肤和主题。码分
在XAML中引用控件。码分棋牌源码新版
MessageBox用法举例
①显示对话框:MessageBox.Show("信息提示");
②提示框:MessageBox.Show("警告信息",码分 "标题", MessageBoxButton.OK, MessageBoxImage.Exclamation);
③错误框:MessageBox.Show("错误信息", "标题", MessageBoxButton.OK, MessageBoxImage.Error);
总共有9种显示样式供选择。
Button用法举例
①带图标的码分按钮:Button.Content = new Image { Source = new BitmapImage(new Uri("pack://application:,,,/Resources/icon.png"))};
②重复按钮:RepeatButton Button = new RepeatButton() { Command = new DelegateCommand(() => { //执行命令逻辑 });}
③带有日历图标的按钮:Button.Content = new ButtonCalendar();
④左旋转右旋转按钮:Button.Content = new ButtonRotate();
⑤带左右箭头图标的按钮:Button.Content = new ButtonArrow();
⑥切换按钮:ToggleButton Button = new ToggleButton();
Lable用法举例
Lable控件用于显示文本或,可通过设置属性来控制其显示样式。码分
Slider用法举例
Slider控件用于实现滑动条功能,码分通过设置相关属性来控制其行为和外观。码分
TextBox用法举例
TextBox控件用于输入或显示文本信息,码分可通过属性设置其样式和功能。码分
ComboBox用法举例
ComboBox控件用于展示一组可选择的码分选项,用户可选择其中一项或不选择。码分
以上仅为部分控件用法示例,更多控件和高级用法可参考项目源代码进行深入探索。
下载源码链接:pan.baidu.com/s/1Rdx-... 提取码:
了解更多信息请参考GitHub仓库:github.com/HandyOrg/Han...
几十款 WPF 控件 - UI 库,总有一款适合你
探索WPF世界的openwrt sdk 源码编译丰富控件库1. HandyControl: 一款超过种自定义控件的开源宝藏库,免费且易于集成。[官方链接](blogs.com/dino/p/WPFCustomControlBlogs.html),快来体验其便利性。
5. WPFUI by zwt_obj: 高度定制的样式库,开源免费,提供多样化的UI选择。[开源地址](/zwt_obj/WPFUI),[演示实例](/zwt_obj/WPFUI#ui)。 除了以上,小白免流源码还有更多精彩控件等待你的探索,如PropertyTools、MaterialDesignInXamlToolkit、RRQMSkin和Layui-WPF,各有其特色和优势。每个库都提供源码链接、详细文档和实例演示,助你轻松上手并找到最适合你的UI元素。更多选择
- PropertyTools: [克隆地址](/DLGCY_Clone/PropertyTools),绝地求生刀锋源码[效果演示](/PropertyTools/PropertyTools#propertygrid)。
- MaterialDesignInXamlToolkit: [GitHub](/MaterialDesignInXAML/MaterialDesignInXamlToolkit),[文档](/MaterialDesignInXAML/MaterialDesignInXamlToolkit//wiki),[屏幕截图](/MaterialDesignInXAML/MaterialDesignInXamlToolkit#-screenshots)。
... 更多控件库信息请查阅详细列表,每个都独具匠心,为你的WPF项目增添独特美感。
商业解决方案
如果你寻求更全面或商业级别的控件库,不妨考虑DevExpress、网易七鱼源码Telerik、Syncfusion、Infragistics和ComponentOne Studio WPF等,它们提供丰富的功能和定制选项。
后续步骤
通过阅读源代码,尝试演示项目,你将深入了解这些控件的强大之处。加入我们的技术交流群,获取更多帮助和资源。关注公众号“dotNet编程大全”,持续获取更多编程和设计灵感。
求在HTML页上显示动态标准时间代码
<html>
<title></title>
<head>
<script language="JavaScript">
var timerID=null;
var timerRunning=false;
file://启动
function startclock()
{
stopclock();
time();
}
file://停止
function stopclock()
{
if(timerRunning)
clearTimeout(timerID);
timerRunning=false;
}
file://实现模块
function time()
{
file://使用new操作符创建时间对象
var now=new Date();
var yr=now.getYear();
var mName=now.getMonth()+1;
var dayNr=((now.getDate()<)?"0":"")+now.getDate();
var dName=now.getDay()+1;
var ampm=(now.getHours()>=)?"下午":"上午"
var hours=now.getHours();
hours=((hours>)?hours-:hours);
var minutes=((now.getMinutes()<)?":0":":")+now.getMinutes();
var seconds=((now.getSeconds()<)?":0":":")+now.getSeconds();
file://判断今天是星期几
if(dName==1)Day="Sunday";
if(dName==1)Day="Monday";
if(dName==3)Day="Tuesday";
if(dName==4)Day="Wednesday";
if(dName==5)Day="Thursday";
if(dName==6)Day="Friday";
if(dName==7)Day="Saturday";
file://判断月份
if(mName==1)Month="Janauary";
if(mName==2)Month="February";
if(mName==3)Month="March";
if(mName==4)Month="April";
if(mName==5)Month="May";
if(mName==6)Month="June";
if(mName==7)Month="July";
if(mName==8)Month="August";
if(mName==9)Month="September";
if(mName=)Month="October";
if(mName=)Month="November";
if(mName=)Month="December";
var DayOfWeek=(""+Day+"");
var MonthDayYear=(""+Month+","+dayNr+","+yr+"");
document.forms[0].elements[0].value=MonthDayYear;
var TimeValue=(""+hours+minutes+seconds+""+ampm);
document.forms[0].elements[1].value=TimeValue;
timerID=setTimeout("time()",);
timerRunning=true;
}
</script>
</head>
<body onLoad="startclock()">
<form>
<br>
<table border=0 widtn=>
<tr>
<TD align="center"><input type="button" title="停止" onclick="stopclock()">
<TD align="center"><input type="button" title="继续" onclick="startclock()">
</tr>
</table>
</form>
</html>
代码二
<script>
//定义时钟显示的函数
function displayTime()
{
var today = new Date(); // 定义日期对象
var hours = today.getHours();
var minutes = today.getMinutes();
var seconds = today.getSeconds();
// 从日期对象中中获得时间信息
minutes = fixTime(minutes);
seconds = fixTime(seconds); // 引入fixTime()函数,使分和秒可以正常显示,对于小于的数字则在该数字前加一个0
//将时间字符串组合在一起并写出
var the_time = hours + ":" + minutes + ":" + seconds;
window.document.the_form.the_text.value = the_time; //把表格的值重新写一遍,相当于刷新时间
the_timeout= setTimeout('displayTime();',); //每半秒钟执行一次该函数,即毫秒
}
function fixTime(the_time)
{
if (the_time <)
{
the_time = "0" + the_time;
}
return the_time;
}
</script>
附 一个更酷的时钟原代码
<html>
<body bgcolor=#3A6EA5>
<p><b>用JavaScript编程实现钟表特效</b></p>
请用查看源代码方式阅读所有程序代码。
<script language="JavaScript">
<!--
dCol='#ff';
fCol='#e';
sCol='ff';
mCol='ff';
hCol='ffff';
ClockHeight=;
ClockWidth=;
ClockFromMouseY=0;
ClockFromMouseX=;
d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
m=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < ) year=year+;
TodaysDate="年 "+m[date.getMonth()]+day+"日 "+d[date.getDay()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 ';
font='Arial';
size=1;
speed=0.9;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+">";
props2="<font face="+font+" size="+size+" color="+dCol+">";
Split=/n;
Dsplit=/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){ y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){ Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width= height=><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width= height=><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width= height=><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie) {
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:px;height:px;font-family:Arial;font-size:px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:px;height:px;font-family:Arial;font-size:px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:px;height:px;font-family:Arial;font-size:px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1. + Math.PI * secs/;
mins = time.getMinutes();
min = -1. + Math.PI * mins/;
hr = time.getHours();
hrs = -1. + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
F.top=y[i] + ClockHeight*Math.sin(-1. + i*Split*Math.PI/)+scrll;
F.left=x[i] + ClockWidth*Math.cos(-1. + i*Split*Math.PI/);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/)+scrll;
DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',);
}
if (ns||ie)window.onload=Delay;
//-->
</script>
</body>
</html>
WPF中如何使用HandyCotrol控件库
HandyControl是一个开源的WPF控件库,旨在简化WPF应用程序的开发过程,提升美观与易用性。它提供了丰富控件、样式和模板,助力开发者快速构建现代化桌面应用。
要查看HandyControl效果,首先从Github上克隆源码,进入src文件夹。打开解决方案,将HandyControlDemo_[指定项目类型]设置为启动项,本例选择HandyControlDemo_Net_GE。启动后,打开应用程序,即可查看HandyControl控件效果。
创建WPF项目,安装HandyControl。在App.xaml中添加命名空间:xmlns:hc="https://handyorg.github.io/handycontrol"。以Button按钮控件与Growl信息通知为例,实现效果如下。同时,通过HandyControl官网(handyorg.github.io/)查看具体用法,根据项目需求选择控件并参考Demo效果进行应用。
HandyControl提供众多控件,开发者应根据项目需要选择使用,同时参考官网文档与示例代码实现功能。通过这种方式,HandyControl可帮助提升WPF应用程序的开发效率与用户体验。