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

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

一、目标样式

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

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

2.修改Button的属性

a.Location属性

让控件显示在合适的位置（99, 1），如图1；

b.Text属性

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

c.Size属性

设置控件的宽度和高度，将该属性设置为（18, 12），如图3；

图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；

图1	图2	图3

4.修改WebView控件的属性

a.Location属性

让控件显示在合适的位置（0, 16），如图1；

b.Size属性

设置控件的宽度和高度，将该属性设置为（120, 184），如图2；

图1	图2

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

二、手机效果显示