.Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台

一、目标样式

.Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页

我们要实现上图中的效果,需要如下的操作:

1.从工具栏上的“Smobiler Components”拖动一个WebView控件、一个Button控件和一个TextBox控件到窗体界面上

.Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页

2.修改Button的属性

a.Location属性

让控件显示在合适的位置(99, 1),如图1;

b.Text属性

设置按钮文本,将该属性设置为“前往”,如图2;

c.Size属性

设置控件的宽度和高度,将该属性设置为(18, 12),如图3;

.Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页 .Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页 .Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页
图1 图2 图3

d.Button的Click事件

VB:
Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
webView1.Url = textBox1.Text.ToString()
End Sub
C#:
private void button1_Click(object sender, EventArgs e)
{
webView1.Url = textBox1.Text.ToString();
}

3.修改TextBox控件的属性

a.Location属性

让控件显示在合适的位置(11, 1),如图1;

b.WaterMarkText属性

设置文本框水印,将该属性设置为“搜索或输入网址”,如图2;

c.Size属性

设置控件的宽度和高度,将该属性设置为(88, 12),如图3;

.Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页 .Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页 .Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页
图1 图2 图3

4.修改WebView控件的属性

a.Location属性

让控件显示在合适的位置(0, 16),如图1;

b.Size属性

设置控件的宽度和高度,将该属性设置为(120, 184),如图2;

.Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页 .Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页
图1 图2

5.Smobiler窗体设计界面显示效果

.Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页

二、手机效果显示

.Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页 .Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页 .Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页
 
上一篇:Spring-Boot原理及应用布署


下一篇:SVD奇异值分解算法/K-SVD/DWT SVD程序源码matlab/python/c++