.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”,则表示只能原图上传;

MaxSelectCount属性QualityMode属性
图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
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值