前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >.Net语言 APP开发平台——Smobiler学习日志:如何在webview中加载网页

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

作者头像
Amanda.li
发布2018-08-30 11:42:23
6540
发布2018-08-30 11:42:23
举报
文章被收录于专栏:.Net移动开发.Net移动开发

最前面的话: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事件
代码语言:javascript
复制
VB:
    Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
       webView1.Url = textBox1.Text.ToString()
   End Sub
代码语言:javascript
复制
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窗体设计界面显示效果

二、手机效果显示

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-08-09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台
  • 一、目标样式
    • 1.从工具栏上的“Smobiler Components”拖动一个WebView控件、一个Button控件和一个TextBox控件到窗体界面上
      • 2.修改Button的属性
        • a.Location属性
        • b.Text属性
        • c.Size属性
        • d.Button的Click事件
      • 3.修改TextBox控件的属性
        • a.Location属性
        • b.WaterMarkText属性
        • c.Size属性
      • 4.修改WebView控件的属性
        • a.Location属性
        • b.Size属性
      • 5.Smobiler窗体设计界面显示效果
      • 二、手机效果显示
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档