程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> .Net語言 APP開發平台——Smobiler學習日志:Poplist控件的正確打開方式以及如何快速實現,smobilerpoplist

.Net語言 APP開發平台——Smobiler學習日志:Poplist控件的正確打開方式以及如何快速實現,smobilerpoplist

編輯:關於.NET

.Net語言 APP開發平台——Smobiler學習日志:Poplist控件的正確打開方式以及如何快速實現,smobilerpoplist


最前面的話:Smobiler是一個在VS環境中使用.Net語言來開發APP的開發平台,也許比Xamarin更方便

 

樣式一

一、目標樣式

smobiler

我們要實現上圖中的效果,需要如下的操作:

1.從工具欄上的”Smobiler Components”拖動一個PopList控件到窗體界面上

smobiler

2.修改PopList控件的屬性

a.Groups屬性

PopList控件顯示包括兩種模式:展開模式和篩選分類模式;兩種模式只能選其中一種

展開模式(本樣式選用展開模式)

打開集合編輯器,並點擊“添加”,如圖1

其中包括indexerKey(分類篩選類型)、Text(菜單組文本)和Value(內部值,不在界面上顯示),如圖2

在Items中添加數據,如圖3

PopList控件的手機顯示效果如圖4

smobiler smobiler smobiler smobiler 圖1 圖2 圖3 圖4

篩選分類模式

indexerKey(分類篩選類型)、Text(菜單組文本)和Value(內部值,不在界面上顯示)的設置見圖5

在Items中添加數據,如圖6

PopList控件的手機顯示效果如圖7

smobiler smobiler smobiler 圖5 圖6 圖7

b.MultiSelect屬性

默認設置不允許多選

smobiler

c.Selections屬性

設置默認選項,需要在代碼中實現

VB:
    Private Sub Button1_Click(senderAs Object, e As EventArgs)Handles Button1.Click
        Me.PopList1.Show()
        If Label8.Text.Trim().Length <= 0 Then
            Me.PopList1.SetSelections(Me.PopList1.Groups(0).Items(6))
        End If
    End Sub
C#:
    private void Button1_Click(object sender, EventArgs e)
    {
        PopList1.Show();
        If (Label8.Text.Trim().Length <= 0)
        {
            PopList1.SetSelections(PopList1.Groups[0].Items[0]);
        }
    }

d.Selected事件

在內容選擇完成後的事件

事件代碼:

VB:
    Private Sub PopList1_Selected(senderAs Object, e As EventArgs)Handles PopList1.Selected
        Me.Label8.Text  = PopList1.Selection.Text
    End Sub
C#:
    private void PopList1_Selected(object sender, EventArgs e)
    {
        this.Label8.Text = PopList1.Selection.Text;
    }

3.Smobiler窗體設計界面顯示效果

smobiler

二、手機效果顯示

smobiler smobiler smobiler

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved