最前面的話：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窗體設計介面顯示效果

二、手機效果顯示