码迷,mamicode.com
首页 > 移动开发 > 详细

.Net语言 APP开发平台——Smobiler学习日志:Poplist控件的正确打开方式以及如何快速实现

时间:2016-11-21 12:36:19      阅读:1161      评论:0      收藏:0      [点我收藏+]

标签:mobile   需要   如何   开发   index   数据   hone   分享   打开方式   

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

 

样式一

一、目标样式

技术分享

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

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

技术分享

2.修改PopList控件的属性

a.Groups属性

PopList控件显示包括两种模式:展开模式和筛选分类模式;两种模式只能选其中一种

展开模式(本样式选用展开模式)

打开集合编辑器,并点击“添加”,如图1

其中包括indexerKey(分类筛选类型)、Text(菜单组文本)和Value(内部值,不在界面上显示),如图2

在Items中添加数据,如图3

PopList控件的手机显示效果如图4

技术分享 技术分享 技术分享 技术分享
图1 图2 图3 图4

筛选分类模式

indexerKey(分类筛选类型)、Text(菜单组文本)和Value(内部值,不在界面上显示)的设置见图5

在Items中添加数据,如图6

PopList控件的手机显示效果如图7

技术分享 技术分享 技术分享
图5 图6 图7

b.MultiSelect属性

默认设置不允许多选

技术分享

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窗体设计界面显示效果

技术分享

二、手机效果显示

技术分享 技术分享 技术分享

.Net语言 APP开发平台——Smobiler学习日志:Poplist控件的正确打开方式以及如何快速实现

标签:mobile   需要   如何   开发   index   数据   hone   分享   打开方式   

原文地址:http://www.cnblogs.com/amanda112/p/6084940.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!