wince窗体转html(基于layui)（一）

于 2021-06-18 20:47:01 发布
阅读量117 收藏
点赞数
分类专栏： 前端 文章标签： wince layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhchfsky/article/details/118033446
版权

1. 改造layui form，版本2.5.5

render第440行 渲染select处修改

var wd = othis.attr('lay-width'),flex = othis.css('flex');
var style = (wd?`width:${wd};`:'')+(flex?`flex:${flex};`:'');
//替代元素
var reElem = $(['<div class="'+ (isSearch ? '' : 'layui-unselect ') + CLASS
, othis.hasClass("layui-hide")?' layui-hide':''
,(disabled ? ' layui-select-disabled' : '') +'"'
,style?` style="${style}"`:''
,'>'
,'<div class="'+ TITLE +'">'

添加自定义宽度属性“lay-width”，flex样式，以及下拉控制显示和隐藏“layui-hide”

2.需要转换的控件

Label,TextBox,ComboBox,RadioButton,ListView,CheckBox,Button

interface IControl
{
	int x1 { get; set; }
	int x2 { get; set; }
	int y1 { get; set; }
	int y2 { get; set; }

	string id { get; set; }
	float width { get; set; }
	string widthStyle { get; set; }

	Dictionary<string, string> props { get; set; }

	void Render(StringBuilder form,string idPrefix);
}

class Row
{
	public int y1 { get; set; }
	public int y2 { get; set; }

	public int no { get; set; }

	public bool hasTable { get; set; }

	public Row() {
		controls = new List<IControl>();
	}

	public List<IControl> controls { get; set; }
	public void Render(StringBuilder form,string idPrefix)
	{
		if (controls.Count > 0)
		{
			controls.Sort(ControlComparer.Instance);
			/*
			if (controls.Count > 1 && !controls.Exists(c => c.width == -1))
			{
				float total = controls.Where(c => c.width > 0).Sum(c => c.width);
				List<IControl> list = controls.Where(c => c.width > 0).ToList();
				int percent = 0;
				for (int i = 0, j = list.Count; i < j; i++)
				{
					int width = 0;
					if (i == j - 1)
					{
						width = 100 - percent;
					}
					else
					{
						width = Convert.ToInt32(list[i].width * 100 / total);
					}

					percent += width;
					list[i].widthStyle = width.ToString() + "%";
				}
			}
			*/

			if (controls.Count == 1 && (controls[0] as VLabel) != null)
			{
				controls[0].widthStyle = "100%";
			}
			form.AppendFormat("<div class=\"layui-{0}{1}\">\r\n", hasTable ? "row" : "flex", controls.Count == controls.Where(c=>c as VButton != null).Count() ? " bottom-btns" : "");
			controls.ForEach(c => c.Render(form,idPrefix));
			form.Append("</div>\r\n");
		}
	}
}

class VLabel : IControl
{
	public int x1 { get; set; }
	public int x2 { get; set; }

	public int y1 { get; set; }
	public int y2 { get; set; }

	public Dictionary<string, string> props { get; set; }

	public string id { get; set; }
	public string text { get; set; }
	public float width { get; set; }
	public string widthStyle { get; set; }
	public bool visible { get; set; }
	public string tip { get; set; }
	public int height { get; set; }
	public string align { get; set; }
	public float fontSize { get; set; }
	public string color { get; set; }
	public void Render(StringBuilder form, string idPrefix)
	{
		form.Append("    <label class=\"layui-form-label\"");
		StringBuilder style = new StringBuilder();
		if (!string.IsNullOrEmpty(widthStyle))
		{
			style.AppendFormat("width:{0};", widthStyle);
		}
		else if (width > 0)
		{
			style.AppendFormat("width:{0}px;", width);
		}

		if (!visible)
		{
			style.Append("display:none;");
		}

		if (!string.IsNullOrEmpty(align))
		{
			style.AppendFormat("text-align:{0};",align);
		}

		style.AppendFormat("height:{0}px;",height);
		if (fontSize > 0)
		{
			style.AppendFormat("font-size:{0}px;", fontSize);
		}

		if (!string.IsNullOrEmpty(color))
		{
			style.AppendFormat("color:{0};", color);
		}

		if (style.Length > 0)
		{
			form.AppendFormat(" style=\"{0}\"", style);
		}

		if (!string.IsNullOrEmpty(id))
		{
			form.AppendFormat(" id=\"{0}{1}\"",idPrefix,id);
		}

		if (!string.IsNullOrEmpty(tip))
		{
			form.AppendFormat(" title=\"{0}\"", Program.TransferXml(tip));
		}
		if (props != null && props.Count > 0)
		{
			foreach (KeyValuePair<string, string> kv in props)
			{
				form.AppendFormat(" {0}=\"{1}\"", kv.Key, Program.TransferXml(kv.Value));
			}
		}
		form.AppendFormat(">{0}</label>\r\n",text);
	}
}

class VInput : IControl
{
	public int x1 { get; set; }
	public int x2 { get; set; }

	public int y1 { get; set; }
	public int y2 { get; set; }

	public Dictionary<string, string> props { get; set; }

	public string id { get; set; }
	public string text { get; set; }
	public float width { get; set; }
	public string widthStyle { get; set; }
	public bool visible { get; set; }
	public string tip { get; set; }
	public string type { get; set; }
	public string placeholder { get; set; }
	public bool enabled { get; set; }
	public void Render(StringBuilder form, string idPrefix)
	{
		form.AppendFormat("    <input class=\"layui-input{0}\" autocomplete=\"off\"", enabled ? "" : " layui-disabled");
		if (string.IsNullOrEmpty(type))
		{
			type = "text";
		}
		form.AppendFormat(" id=\"{0}{1}\" name=\"{0}{1}\"", idPrefix,id);
		form.AppendFormat(" type=\"{0}\"", type);
		if (!enabled)
		{
			form.Append(" disabled");
		}
		StringBuilder style = new StringBuilder();
		if (!string.IsNullOrEmpty(widthStyle))
		{
			style.AppendFormat("width:{0};", widthStyle);
		}
		else if (width > 0)
		{
			style.AppendFormat("width:{0}px;", width);
		}

		if (!visible)
		{
			style.Append("display:none;");
		}

		if (style.Length > 0)
		{
			form.AppendFormat(" style=\"{0}\"", style);
		}
		if (!string.IsNullOrEmpty(text))
		{
			form.AppendFormat(" value=\"{0}\"", Program.TransferXml(text));
		}
		if (!string.IsNullOrEmpty(placeholder))
		{
			form.AppendFormat(" placeholder=\"{0}\"", Program.TransferXml(placeholder));
		}
		if (!string.IsNullOrEmpty(tip))
		{
			form.AppendFormat(" title=\"{0}\"", Program.TransferXml(tip));
		}
		if (props != null && props.Count > 0)
		{
			foreach (KeyValuePair<string, string> kv in props)
			{
				form.AppendFormat(" {0}=\"{1}\"", kv.Key, Program.TransferXml(kv.Value));
			}
		}
		form.Append(" />\r\n");
	}
}

class VButton : IControl
{
	public int x1 { get; set; }
	public int x2 { get; set; }

	public int y1 { get; set; }
	public int y2 { get; set; }

	public Dictionary<string, string> props { get; set; }

	public string id { get; set; }
	public string text { get; set; }
	public float width { get; set; }
	public string widthStyle { get; set; }
	public bool visible { get; set; }
	public bool enabled { get; set; }
	public void Render(StringBuilder form,string idPrefix)
	{
		form.AppendFormat("    <input class=\"layui-btn{0}\" type=\"button\"", enabled ? "" : " layui-disabled");
		form.AppendFormat(" id=\"{0}{1}\"",idPrefix, id);
		if (!enabled)
		{
			form.Append(" disabled");
		}
		StringBuilder style = new StringBuilder();
		if (!string.IsNullOrEmpty(widthStyle))
		{
			style.AppendFormat("width:{0};", widthStyle);
		}
		else if (width > 0)
		{
			style.AppendFormat("width:{0}px;", width);
		}

		if (!visible)
		{
			style.Append("display:none;");
		}

		if (style.Length > 0)
		{
			form.AppendFormat(" style=\"{0}\"", style);
		}
		if (!string.IsNullOrEmpty(text))
		{
			form.AppendFormat(" value=\"{0}\"", Program.TransferXml(text));
		}
		if (props != null && props.Count > 0)
		{
			foreach (KeyValuePair<string, string> kv in props)
			{
				form.AppendFormat(" {0}=\"{1}\"", kv.Key, Program.TransferXml(kv.Value));
			}
		}
		form.Append(" />\r\n");
	}
}

/// <summary>
/// Dropdown
/// </summary>
class VSelect : IControl
{
	public int x1 { get; set; }
	public int x2 { get; set; }

	public int y1 { get; set; }
	public int y2 { get; set; }

	public Dictionary<string, string> props { get; set; }

	public string id { get; set; }
	public float width { get; set; }
	public string widthStyle { get; set; }
	public bool visible { get; set; }
	public string tip { get; set; }
	public string value { get; set; }
	public bool enabled { get; set; }
	public Dictionary<string, string> items { get; set; }

	public void Render(StringBuilder form,string idPrefix)
	{
		form.AppendFormat("    <select class=\"layui-input{0}\"", enabled ? "" : " layui-disabled");
		form.AppendFormat(" lay-filter=\"{0}{1}\" id=\"{0}{1}\" name=\"{0}{1}\"", idPrefix,id);
		if (width > 0)
		{
			form.AppendFormat(" lay-width=\"{0}px\"",width);
		}
		if (!enabled)
		{
			form.Append(" disabled");
		}
		StringBuilder style = new StringBuilder();
		if (!string.IsNullOrEmpty(widthStyle))
		{
			style.AppendFormat("width:{0};", widthStyle);
		}
		else if (width > 0)
		{
			style.AppendFormat("width:{0}px;", width);
		}

		if (!visible)
		{
			style.Append("display:none;");
		}

		if (style.Length > 0)
		{
			form.AppendFormat(" style=\"{0}\"", style);
		}
		if (!string.IsNullOrEmpty(tip))
		{
			form.AppendFormat(" title=\"{0}\"", Program.TransferXml(tip));
		}

		if (props != null && props.Count > 0)
		{
			foreach (KeyValuePair<string, string> kv in props)
			{
				form.AppendFormat(" {0}=\"{1}\"", kv.Key, Program.TransferXml(kv.Value));
			}
		}
		form.Append(">\r\n");
		if (items != null && items.Count > 0)
		{
			form.Append(string.Join("", items.Select(i => string.Format("        <option value=\"{0}\"{2}>{1}</option>\r\n", 
				Program.TransferXml(i.Key), i.Value, i.Key == value ? " selected" : "")).ToArray()));
		}
		form.Append("    </select>\r\n");
	}
}

class VCheckBox : IControl
{
	public int x1 { get; set; }
	public int x2 { get; set; }

	public int y1 { get; set; }
	public int y2 { get; set; }

	public Dictionary<string, string> props { get; set; }

	public string id { get; set; }
	public string text { get; set; }
	public float width { get; set; }
	public string widthStyle { get; set; }
	public bool visible { get; set; }
	public bool selected { get; set; }
	public bool enabled { get; set; }
	public void Render(StringBuilder form, string idPrefix)
	{
		form.AppendFormat("    <input type=\"checkbox\" lay-skin=\"primary\" value=\"1\" class=\"{0}\"", enabled ? "" : "layui-disabled");
		form.AppendFormat(" id=\"{0}{1}\" name=\"{0}{1}\"", idPrefix, id);
		if (!enabled)
		{
			form.Append(" disabled");
		}
		StringBuilder style = new StringBuilder();
		if (!string.IsNullOrEmpty(widthStyle))
		{
			style.AppendFormat("width:{0};", widthStyle);
		}
		else if (width > 0)
		{
			style.AppendFormat("width:{0}px;", width);
		}

		if (!visible)
		{
			style.Append("display:none;");
		}

		if (style.Length > 0)
		{
			form.AppendFormat(" style=\"{0}\"", style);
		}
		if (!string.IsNullOrEmpty(text))
		{
			form.AppendFormat(" title=\"{0}\"", Program.TransferXml(text));
		}
		if (selected)
		{
			form.Append(" checked");
		}
		if (props != null && props.Count > 0)
		{
			foreach (KeyValuePair<string, string> kv in props)
			{
				form.AppendFormat(" {0}=\"{1}\"", kv.Key, Program.TransferXml(kv.Value));
			}
		}
		form.Append(" />\r\n");
	}
}

class VListTable : IControl
{
	public const int COLUMN_MIN_WIDTH = 50;
	public int x1 { get; set; }
	public int x2 { get; set; }

	public int y1 { get; set; }
	public int y2 { get; set; }

	public Dictionary<string, string> props { get; set; }

	public float width { get; set; }
	public string widthStyle { get; set; }

	public List<VListTableColumn> Columns { get; set; }
	public string id { get; set; }
	public float height { get; set; }
	public bool visible { get; set; }
	public void Render(StringBuilder form, string idPrefix)
	{
		form.AppendFormat("    <table class=\"layui-table\" lay-filter=\"{0}{1}\" id=\"{0}{1}\"",
			idPrefix,id, height, COLUMN_MIN_WIDTH);
		StringBuilder style = new StringBuilder();
		/*
		if (height > 0)
		{
			style.AppendFormat("height:{0}px;", height);
		}
		if (width > 0)
		{
			style.AppendFormat("width:{0}px;", width);
		}
		*/
		if (!visible)
		{
			style.Append("display:none");
		}

		if (style.Length > 0)
		{
			form.AppendFormat(" style=\"{0}\"",style);
		}
		if (props != null && props.Count > 0)
		{
			foreach (KeyValuePair<string, string> kv in props)
			{
				form.AppendFormat(" {0}=\"{1}\"",kv.Key,Program.TransferXml(kv.Value));
			}
		}
		form.Append(">\r\n");
		if (Columns != null && Columns.Count > 0)
		{
			form.Append("        <thead>\r\n");
			form.Append("            <tr>\r\n");
			foreach (VListTableColumn col in Columns)
			{
				form.AppendFormat("                <th lay-data=\"{{field:'{0}'{2}{3}}}\">{1}</th>\r\n", col.id, col.text
					, col.width == 0 || !col.visible ? ",hide:true" : string.Format(",width:{0}", Math.Max(col.width, COLUMN_MIN_WIDTH))
					, !string.IsNullOrEmpty(col.align) ? string.Format(",align:'{0}'", col.align) : "");
			}
			form.Append("            </tr>\r\n");
			form.Append("        </thead>\r\n");
		}
		form.Append("        <tbody></tbody>\r\n");
		form.Append("    </table>\r\n");
	}
}

class VListTableColumn
{
	public string text { get; set; }
	public string id{get;set;}
	public float width{get;set;}
	public string align { get; set; }
	public bool visible { get; set; }
}

class ControlComparer : IComparer<IControl>
{
	public static readonly ControlComparer Instance = new ControlComparer();
	public int Compare(IControl x, IControl y)
	{
		return x.x1 - y.x1;
	}
}

class RowComparer : IComparer<Row>
{
	public static readonly RowComparer Instance = new RowComparer();
	public int Compare(Row x, Row y)
	{
		return x.y1 - y.y1;
	}
}

闪耀星星
关注
专栏目录
WinCE HTML Browser Control
01-11
Wince下如何使用Web控件开发界面程序
WINCE可用的显示HTML代码
04-15
可以显示部分HTML语法的文字，可以在WINCE和VC下使用。
WinCE下HTML乱码解决
norains的专栏
04-10 3217
//=====================================================================================================//TITLE://  WinCE下HTML乱码解决//AUTHOR://  norains//DATE://  Monday  10-April-2006//=================
wince加载html,WinCE 界面开发:使用HTML Browser Control
weixin_36454562的博客
06-09 220
by cheungmine 2010-1在Win32平台上用 C++做界面开发确实是很吃力的活。无论使用MFC还是ATL或者WTL都是很痛苦的。通常引入HTML控件，可以做出类似网页效果的精美布局。在传统的Windows应用程序中使用Web控件已是大势所趋，大大简化工作量。但是在WinCE平台上，做同样的事情，往往遇到很多困难。我自己摸索了半天，总结出下面的方法，效果还是很好的。首先，使用WTL(...
WinCE 界面开发:使用HTML Browser Control
恒
01-11 4910
WinCE 界面开发:使用HTML Viewer Controlby cheungmine 2010-1在Win32平台上用 C++做界面开发确实是很吃力的活。无论使用MFC还是ATL或者WTL都是很痛苦的。通常引入HTML控件，可以做出类似网页效果的精美布局。在传统的Windows应用程序中使用Web控件已是大势所趋，大大简化工作量。但是在WinCE平台上，做同样的事情，往往遇到
WinCE窗体间通讯
05-24
在Windows CE（WinCE）操作系统中，开发应用程序时，经常需要在不同的窗体之间进行数据交换和通信。这种通信机制是实现程序功能的关键部分，尤其是在多窗口应用中。本篇文章将详细探讨WinCE窗体间通讯的核心概念、...
GPRS.rar_WINCE GPRS_wince gprs_wince gprs msg_基于WinCE
09-20
一个基于WINCE的GPRS程序，别人写的。。
XHtml.rar_html解析_wince_wince html_wince ie_xhtml
09-23
在Windows CE（简称WinCE）平台上，开发支持XML和HTML的程序是一项挑战，因为系统资源有限，且不直接提供像Windows桌面系统那样的丰富浏览器环境。标题中的“XHtml.rar”是一个压缩包，其中包含了用于在WinCE设备上...
WinCE下添加新窗体
02-28
在Windows CE（简称WinCE）环境下开发应用程序时，有时我们需要为用户提供新的交互界面，这就涉及到在WinCE系统中添加新窗体的过程。Windows CE是一种嵌入式操作系统，它提供了类似于桌面版Windows的API和开发环境，...
Wince窗体全屏实现
01-25
要实现Wince窗体的全屏切换，我们可以创建一个方法，该方法接收一个布尔值参数，当参数为true时进入全屏模式，为false时退出全屏模式。以下是一种可能的实现方式： ```csharp using System.Windows.Forms; public ...
wince下的UC浏览器
10-25
蛮新的哦wince6.0下测试成功直接点图标就行
号称开源的wince6.0介绍以及下载地址
gooogleman#foxmail.com
11-13 5469
微软公司今天宣布其最新的嵌入式平台Windows Embedded CE 6.0正式上市。作为业内领先的软件工具，Windows Embedded CE 6.0将为多种设备构建实时操作系统，例如：互联网协议(IP)机顶盒、全球定位系统(GPS)、无线投影仪，以及各种工业自动化、消费电子以及医疗设备等。 在Windows Embedded诞生十周年之际，微软将首次在“共享源计划(Microsoft
图解WinCE MUI多语言的支持实现
aotingyou8613的博客
11-03 172
MUI是指多语言的支持，可以在WinCE系统中支持多种语言，并根据需要进行切换。下面介绍一下具体的实现： 1. 添加多种语言： 创建一个WinCE工程，然后在”Solution Explorer”中右击工程，选择”Properties”，会弹出一个对话框。在左侧的列表中选择”Local”，在右侧选择所要支持的语言，这里我选择了French，Japanese，Chinese(P...
WinCE 和Win Mobile的关系
weixin_34018202的博客
12-18 132
1 windows mobile和wince的区别:wince是一种嵌入式操作系统, 但是微软并没有提供一个标准的定型的wince系统, 而是提供了一套工具(pb), 让用户自己定制出适合自己硬件和需求的 系统. 在定制的过程中可以导出与此系统对应的sdk, 开发基于此系统的应用程序就要使用这个sdk. wince系统可以运行于arm架构的设备, 也可以运行于x86架构的设备, 但是多用于arm....
WINCE 常用操作函数例子
D.D.U的博客
03-07 577
从PC机上并不能直接操作WINCE设备，装上了微软提供的工具包，也只能鼠标操作在PC端上自己编程中写的．exe 想要操作 可以使用RAPI实现,下面是RAPI封装的一些常用函数代码如下:/*======================================================================================= OpenNETCF.Des...
wince6移植之系统终于跑起来了
weixin_34146805的博客
01-05 278
移植的wince6系统今天终于可以在S3C2440的板子上跑了。 在整个移植过程中没有遇到什么技术上的难题，之所以会有以前的gwes.dll启动的时候abort。是因为没有将display的驱动放到内核模式中去，但是在加载的时候是用内核模式加载的，所以有些东西它是没有权限读写的，因此而挂掉了。 与其说让MS给忽悠了，还不如说被自己忽悠了...
VC环境下WinCE汉字点阵转换及字符编码实现
WinCE是一个适用于各种嵌入式系统的实时操作系统。 1. 在EVC下编译：开发者需要使用EVC工具来编写、编译和调试VC代码。编译过程中，需要确保代码兼容WinCE平台，并且没有使用不支持的库或API。 2. WinCE平台运行：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

闪耀星星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值