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

野性酷女 2022-07-12 02:43 130阅读 0赞

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

## 一、目标样式 ##

![目标样式][resourceuploader.png]

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

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

![目标样式][dragresourceuploader.png]

### 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”，则表示只能原图上传；

#### 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; } } } }

## 二、手机效果显示 ##

[resourceuploader.png]: /images/20220711/b5ab1ab93b874e5d97794225a053e627.png
[dragresourceuploader.png]: /images/20220711/b76b70f83bf0435b802218333d198a00.png