.Net语言 APP开发平台——Smobiler学习日志:快速实现手机上的图片上传功能

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

一、目标样式

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

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

2.ImageButton的Click事件

VB:
   Private Sub imageButton1_Click(sender As Object, e As EventArgs)Handles imageButton1.Click
       resourceUploader1.Show()
   End Sub
C#:
   private void imageButton1_Click(object sender, EventArgs e)
   {
       resourceUploader1.Show();
   }

3.修改ResourceUploader控件的属性

a.MaxSelectCount属性

设置资源单次上传的最大数量,默认设置为“9”,一次最多上传9张图片,如图1;

b.QualityMode属性

获取或设置相机组件上传质量的模式,默认设置为“Custom”,即表示压缩上传和原图上传都支持,如图2;

若将该属性设置为“Compressed”,则表示只能压缩上传;

若将该属性设置为“Original”,则表示只能原图上传;

图1

图2

c.Uploading事件

VB:
   Dim imglist As List(Of String) = New List(Of String)
   Private Sub resourceUploader1_Uploading(sender As Object, e As BarcodeData)Handles resourceUploader1.Uploading
       Try
           If e.IsError = False Then
               e.SaveFile()
               imglist.Add(e.ResourceID)
               getImg() 
           End If
       Catch ex As Exception
           MessageBox.Show(ex.Message)
      End Try 
   End Sub
C#:
   private List<string> imglist = new List<string>();
   private void resourceUploader1_Uploading(object sender, BinaryData e)
   {
       try
       {
           if (e.IsError == false)
           {
               e.SaveFile();
               imglist.Add(e.ResourceID);
               getImg(); 
           }
       }
       catch (Exception ex)
       {
           MessageBox.Show(ex.Message);
       }
   }

注:调用ResourceUploader控件来获取图片

d.其他代码

VB:
   Private Sub resourceuploader1_ImageCaptured(sender As Object, e As BarcodeData)Handles resourceuploader1.ImageCaptured
        If imglist.Count > 0 & imglist.Count <= 9 Then
           For i = 0 To imglist.Count Step 1
               Select Case i
                   Case 1
                       img1.Visible = true
                       btndelimg1.Visible = true
                       img1.ResourceID = imglist(i - 1)
                       img1.Refresh()
                   Case 2
                       img2.Visible = true
                       btndelimg2.Visible = true
                       img2.ResourceID = imglist(i - 1)
                       img2.Refresh()
                   Case 3
                       img3.Visible = true
                       btndelimg3.Visible = true
                       img3.ResourceID = imglist(i - 1)
                       img3.Refresh()
                   Case 4
                       img4.Visible = true
                       btndelimg4.Visible = true
                       img4.ResourceID = imglist(i - 1)
                       img4.Refresh()
                   Case 5
                       img5.Visible = true
                       btndelimg5.Visible = true
                       img5.ResourceID = imglist(i - 1)
                       img5.Refresh()
                   Case 6
                       img6.Visible = true
                       btndelimg6.Visible = true
                       img6.ResourceID = imglist(i - 1)
                       img6.Refresh()
                   Case 7
                       img7.Visible = true
                       btndelimg7.Visible = true
                       img7.ResourceID = imglist(i - 1)
                       img7.Refresh()
                   Case 8
                       img8.Visible = true
                       btndelimg8.Visible = true
                       img8.ResourceID = imglist(i - 1)
                       img8.Refresh()                       
                   Case 9
                       img9.Visible = true
                       btndelimg9.Visible = true
                       img9.ResourceID = imglist(i - 1)
                       img9.Refresh()
              End Select 
           Next
       End If
   End Sub
C#:
   private void getImg()
   {
       if (imglist.Count > 0 & imglist.Count <= 9)
       {
           for (int i = 1; i <= imglist.Count; i++)
           {
               switch (i)
               {
                   case 1:
                       img1.Visible = true;
                       btndelimg1.Visible = true;
                       img1.ResourceID = imglist[i - 1];
                       img1.Refresh();
                       break;
                   case 2:
                       img2.Visible = true;
                       btndelimg2.Visible = true;
                       img2.ResourceID = imglist[i - 1];
                       img2.Refresh();
                       break;
                   case 3:
                       img3.Visible = true;
                       btndelimg3.Visible = true;
                       img3.ResourceID = imglist[i - 1];
                       img3.Refresh();
                       break;
                   case 4:
                       img4.Visible = true;
                       btndelimg4.Visible = true;
                       img4.ResourceID = imglist[i - 1];
                       img4.Refresh();
                       break;
                   case 5:
                       img5.Visible = true;
                       btndelimg5.Visible = true;
                       img5.ResourceID = imglist[i - 1];
                       img5.Refresh();
                       break;
                   case 6:
                       img6.Visible = true;
                       btndelimg6.Visible = true;
                       img6.ResourceID = imglist[i - 1];
                       img6.Refresh();
                       break;
                   case 7:
                       img7.Visible = true;
                       btndelimg7.Visible = true;
                       img7.ResourceID = imglist[i - 1];
                       img7.Refresh();
                       break;
                   case 8:
                       img8.Visible = true;
                       btndelimg8.Visible = true;
                       img8.ResourceID = imglist[i - 1];
                       img8.Refresh();
                       break;
                   case 9:
                       img9.Visible = true;
                       btndelimg9.Visible = true;
                       img9.ResourceID = imglist[i - 1];
                       img9.Refresh();
                       break;
               }
           }
       }
   }

二、手机效果显示

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏hbbliyong

强烈推荐:240多个jQuery插件

概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后...

5184
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:快速实现应用中的图片、声音等文件上传功能

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

1162
来自专栏林德熙的博客

win10 uwp 进度条 WaveProgressControl

昨天看到了有个大神做出好看的进度条样式,于是我就去抄袭他的代码,但是发现看不懂,于是本文主要翻译就是大神说这个控件如何做。

920
来自专栏阮一峰的网络日志

CSS使用技巧

在修改模板的过程中,需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章,我就把它整理出来,供自己参考,也希望对大家有用...

1861
来自专栏前端说吧

JS-制作可伸缩的水平菜单栏

4554
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:如何快速实现手机上的资源上传功能

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

1062
来自专栏hightopo

基于 HTML5 的 3D 工控隧道案例

1492
来自专栏用户2442861的专栏

QLineEdit 输入验证(相关的设置)

LineEdit提 供一个文字输入栏位,可以输入文字或数字,我们可以对输入作验证,或是设定为一般显示、密码显示等等,以下的程式是个简单的设定示范:

3462
来自专栏有趣的django

博客园美化大全

3280
来自专栏吴老师移动开发

【iOS开发】iOS 动画详解

在移动开发中,为了提高用户体验,会用到一些动画来提高应用的视觉效果。让人有眼前一亮的感觉。同时有动画的过渡过程,会让应用看起来不是那么的生硬,更吸引用户。

2836

扫码关注云+社区

领取腾讯云代金券