UWP入门（八）--几个简单的控件

每天看几个，要不聊几天我就可以看完啦，加油！

看效果

1. CheckBox

      <TextBlock Grid.Row="0" Text="CheckBox" VerticalAlignment="Center" />

        <StackPanel Grid.Column="1"

                    Margin="20,10,0,10"

                    Orientation="Horizontal">

            <CheckBox Name="MyCheckBox"

                      Content="Agree?"

                      Tapped="MyCheckBox_Tapped" />

            <TextBlock Name="CheckBoxResultTextBlock" />

        </StackPanel>

  private void MyCheckBox_Tapped(object sender, TappedRoutedEventArgs e)

        {

            CheckBoxResultTextBlock.Text = MyCheckBox.IsChecked.ToString();

        }

2. RadioButton

 <TextBlock Grid.Row="2"

                   Text="RadioButton"

                   VerticalAlignment="Center" />

        <StackPanel Grid.Row="2"

                    Grid.Column="1"

                    Orientation="Horizontal"

                    Margin="20,10,0,10">

            <RadioButton Name="YesRadioButton"

                         Content="Yes"

                         GroupName="MyGroup"

                         Checked="RadioButton_Checked" />

            <RadioButton Name="NoRadioButton"

                         Content="No"

                         GroupName="MyGroup"

                         Checked="RadioButton_Checked" />

            <TextBlock Name="RadioButtonTextBlock" />

        </StackPanel>

 private void RadioButton_Checked(object sender, RoutedEventArgs e)

        {

            RadioButtonTextBlock.Text = (bool)YesRadioButton.IsChecked ? "Yes" : "No";

        }

3. CombomBox

 <TextBlock Grid.Row="3"

                   Text="ComboBox"

                   Name="MyComboBox"

                   VerticalAlignment="Center" />

        <StackPanel Orientation="Horizontal"

                    Grid.Row="3"

                    Grid.Column="1"

                    Margin="20,10,0,10">

            <ComboBox SelectionChanged="ComboBox_SelectionChanged" >

                <ComboBoxItem Content="Fourth" />

                <ComboBoxItem Content="Fifth" />

                <ComboBoxItem Content="Sixth" IsSelected="True" />

            </ComboBox>

            <TextBlock Name="ComboBoxResultTextBlock" />

        </StackPanel>

private void ComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            if (ComboBoxResultTextBlock == null) return;

            var combo = (ComboBox)sender;

            var item = (ComboBoxItem)combo.SelectedItem;

            ComboBoxResultTextBlock.Text = item.Content.ToString();

        }

4. ListBox

  <TextBlock Grid.Row="4" Text="ListBox" VerticalAlignment="Center" />

        <StackPanel Grid.Row="4" Grid.Column="1"  Margin="20,10,0,10">

            <ListBox Name="MyListBox"

                     SelectionMode="Multiple"

                     SelectionChanged="ListBox_SelectionChanged">

                <ListBoxItem Content="First" />

                <ListBoxItem Content="Second" />

                <ListBoxItem Content="Third" />

            </ListBox>

            <TextBlock Name="ListBoxResultTextBlock" />

        </StackPanel>

       private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            var selectedItems = MyListBox.Items.Cast<ListBoxItem>()

                                  .Where(p => p.IsSelected)

                                    .Select(t => t.Content.ToString())

                                      .ToArray();

            ListBoxResultTextBlock.Text = string.Join(", ", selectedItems);

        }

5. image

 <TextBlock Grid.Row="5" Text="Image" VerticalAlignment="Center" />

        <Image Source="Assets/StoreLogo.png"

               HorizontalAlignment="Left"

               Width="250"

               Height="50"

               Grid.Row="5"

               Grid.Column="1"

               Stretch="Uniform"

               Margin="20,10,0,10" />

image 的四种拉伸方法

None
- 不做任何处理，一般比较大
Fill
- 占据所给的最大空间，比例会失调
Uniform
- 按比例伸缩，占据所给的最大空间
UniformFill
- 按比例伸缩，占据大小

6. 漂亮的 ToggleSwitch

<TextBlock Grid.Row="8"

                   Text="ToggleSwitch"

                   VerticalAlignment="Center" />

        <StackPanel Grid.Row="8"

                      Grid.Column="1"

                      Margin="20,10,0,10" >

            <ToggleSwitch>

                <ToggleSwitch.OffContent>

                    <TextBlock Text="I'm off right now." />

                </ToggleSwitch.OffContent>

                <ToggleSwitch.OnContent>

                    <TextBlock Text="I'm on!" />

                </ToggleSwitch.OnContent>

            </ToggleSwitch>

        </StackPanel>

不需要代码

7. ToggleButton

<TextBlock Grid.Row="7" Text="ToggleButton" VerticalAlignment="Center"  />

        <StackPanel Orientation="Horizontal"

                    Grid.Row="7"

                    Grid.Column="1"

                    Margin="20,10,0,10" >

            <ToggleButton Name="MyToggleButton"

                          Content="Premium Option"

                          IsThreeState="True"

                          Click="MyToggleButton_Click" />

            <TextBlock Name="ToggleButtonResultTextBlock" />

        </StackPanel>

 private void MyToggleButton_Click(object sender, RoutedEventArgs e)

        {

            ToggleButtonResultTextBlock.Text = MyToggleButton.IsChecked.ToString();

        }

代码

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Margin="10,10,0,0">

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="Auto" />

            <ColumnDefinition Width="*" />

        </Grid.ColumnDefinitions>

        <TextBlock Grid.Row="0" Text="CheckBox" VerticalAlignment="Center" />

        <StackPanel Grid.Column="1"

                    Margin="20,10,0,10"

                    Orientation="Horizontal">

            <CheckBox Name="MyCheckBox"

                      Content="Agree?"

                      Tapped="MyCheckBox_Tapped" />

            <TextBlock Name="CheckBoxResultTextBlock" />

        </StackPanel>

        <TextBlock Grid.Row="2"

                   Text="RadioButton"

                   VerticalAlignment="Center" />

        <StackPanel Grid.Row="2"

                    Grid.Column="1"

                    Orientation="Horizontal"

                    Margin="20,10,0,10">

            <RadioButton Name="YesRadioButton"

                         Content="Yes"

                         GroupName="MyGroup"

                         Checked="RadioButton_Checked" />

            <RadioButton Name="NoRadioButton"

                         Content="No"

                         GroupName="MyGroup"

                         Checked="RadioButton_Checked" />

            <TextBlock Name="RadioButtonTextBlock" />

        </StackPanel>

        <TextBlock Grid.Row="3"

                   Text="ComboBox"

                   Name="MyComboBox"

                   VerticalAlignment="Center" />

        <StackPanel Orientation="Horizontal"

                    Grid.Row="3"

                    Grid.Column="1"

                    Margin="20,10,0,10">

            <ComboBox SelectionChanged="ComboBox_SelectionChanged" >

                <ComboBoxItem Content="Fourth" />

                <ComboBoxItem Content="Fifth" />

                <ComboBoxItem Content="Sixth" IsSelected="True" />

            </ComboBox>

            <TextBlock Name="ComboBoxResultTextBlock" />

        </StackPanel>

        <TextBlock Grid.Row="4" Text="ListBox" VerticalAlignment="Center" />

        <StackPanel Grid.Row="4" Grid.Column="1"  Margin="20,10,0,10">

            <ListBox Name="MyListBox"

                     SelectionMode="Multiple"

                     SelectionChanged="ListBox_SelectionChanged">

                <ListBoxItem Content="First" />

                <ListBoxItem Content="Second" />

                <ListBoxItem Content="Third" />

            </ListBox>

            <TextBlock Name="ListBoxResultTextBlock" />

        </StackPanel>

        <TextBlock Grid.Row="5" Text="Image" VerticalAlignment="Center" />

        <Image Source="Assets/StoreLogo.png"

               HorizontalAlignment="Left"

               Width="250"

               Height="50"

               Grid.Row="5"

               Grid.Column="1"

               Stretch="Uniform"

               Margin="20,10,0,10" />

        <TextBlock Grid.Row="7" Text="ToggleButton" VerticalAlignment="Center"  />

        <StackPanel Orientation="Horizontal"

                    Grid.Row="7"

                    Grid.Column="1"

                    Margin="20,10,0,10" >

            <ToggleButton Name="MyToggleButton"

                          Content="Premium Option"

                          IsThreeState="True"

                          Click="MyToggleButton_Click" />

            <TextBlock Name="ToggleButtonResultTextBlock" />

        </StackPanel>

        <TextBlock Grid.Row="8"

                   Text="ToggleSwitch"

                   VerticalAlignment="Center" />

        <StackPanel Grid.Row="8"

                      Grid.Column="1"

                      Margin="20,10,0,10" >

            <ToggleSwitch>

                <ToggleSwitch.OffContent>

                    <TextBlock Text="I'm off right now." />

                </ToggleSwitch.OffContent>

                <ToggleSwitch.OnContent>

                    <TextBlock Text="I'm on!" />

                </ToggleSwitch.OnContent>

            </ToggleSwitch>

        </StackPanel>

    </Grid>

cs 代码

public sealed partial class MainPage : Page

    {

        public MainPage()

        {

            this.InitializeComponent();

        }

        private void MyCheckBox_Tapped(object sender, TappedRoutedEventArgs e)

        {

            CheckBoxResultTextBlock.Text = MyCheckBox.IsChecked.ToString();

        }

        private void RadioButton_Checked(object sender, RoutedEventArgs e)

        {

            RadioButtonTextBlock.Text = (bool)YesRadioButton.IsChecked ? "Yes" : "No";

        }

        private void ComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            if (ComboBoxResultTextBlock == null) return;

            var combo = (ComboBox)sender;

            var item = (ComboBoxItem)combo.SelectedItem;

            ComboBoxResultTextBlock.Text = item.Content.ToString();

        }

        private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            var selectedItems = MyListBox.Items.Cast<ListBoxItem>()

                                  .Where(p => p.IsSelected)

                                    .Select(t => t.Content.ToString())

                                      .ToArray();

            ListBoxResultTextBlock.Text = string.Join(", ", selectedItems);

        }

        private void MyToggleButton_Click(object sender, RoutedEventArgs e)

        {

            ToggleButtonResultTextBlock.Text = MyToggleButton.IsChecked.ToString();

        }

    }

UWP入门（八）--几个简单的控件的更多相关文章

(八)ASP.NET自定义用户控件（1）
http://blog.csdn.net/laodao1/article/details/5897366 ASP.NET自定义控件组件开发第一章:从一个简单的控件谈起起始开发ASP.NET自定义控 ...
ASP.NET自定义控件组件开发第一章第一章：从一个简单的控件谈起
第一章:从一个简单的控件谈起系列文章链接: ASP.NET自定义控件组件开发第一章待续 ASP.NET自定义控件组件开发第一章第二篇接着待续 ASP.NET自定义控件组件开发第一章第三 ...
[译]Kinect for Windows SDK开发入门(十八)：Kinect Interaction交互控件
本文译自 http://dotneteers.net/blogs/vbandi/archive/2013/03/25/kinect-interactions-with-wpf-part-i-getti ...
UWP &WP8.1 依赖属性和用户控件依赖属性简单使用 uwp添加UserControl
上面说附加属性.这章节说依赖属性. 所谓依赖属性.白话讲就是添加一个公开的属性. 同样,依赖属性的用法和附加属性的用法差不多. 依赖属性是具有一个get,set的属性,以及反调函数. 首先是声明依赖 ...
VS2010/MFC编程入门之二十三（常用控件：按钮控件的编程实例）
上一节VS2010/MFC编程入门教程中鸡啄米讲了按钮控件Button.Radio Button和Check Box的基本用法,本节就继续讲按钮控件的内容,通过一个实例让大家更清楚按钮控件在实际的软件 ...
duilib教程之duilib入门简明教程15.自绘控件
在[2013 duilib入门简明教程 -- 复杂控件介绍 (13)]中虽然介绍了界面设计器上的所有控件,但是还有一些控件并没有被放到界面设计器上,还有一些常用控件duilib并没有提供(比如菜单控件 ...
UWP开发必备：常用数据列表控件汇总比较
今天是想通过实例将UWP开发常用的数据列表做汇总比较,作为以后项目开发参考.UWP开发必备知识点总结请参照[UWP开发必备以及常用知识点总结]. 本次主要讨论以下控件: GridView:用于显示数据 ...
Android入门（六）：Android控件布局属性全解
第一类:属性值为true或falseandroid:layout_centerHrizontal 水平居中 (Hrizontal表示水平)android:layout_centerVertical 垂 ...
MFC编程入门之二十七（常用控件：图片控件PictureControl）
上一节讲的是滚动条控件,本节主要讲一种简单实用的控件,图片控件Picture Control.我们可以在界面某个位置放入图片控件,显示图片以美化界面. 图片控件简介图片控件和前面讲到的静态文本框都是 ...

随机推荐

Python将被加入高考科目？你怎么看？
今天看到这样的一则新闻:不禁感叹,人工智能这股风来的太快,已经掀起全民学习Python的浪潮. 2017年中观察:看上去这个大纲内容基本是这样了,但是实行年份可能要往后推了,不在2017年执行了(据说 ...
WPF动画结束后的行为方式
原文:WPF动画结束后的行为方式在WPF中可以使用Animation来完成动画功能,如移动,旋转等,最近写的一个程序需要实现控件的移动,包括自动移动和手动控制.原理很简单,就是改变控件的Margin ...
【t051】图书管理
Time Limit: 1 second Memory Limit: 128 MB [问题描述] 图书管理是一件十分繁杂的工作,在一个图书馆中每天都会有许多新书加入.为了更方便的管理图书(以便于帮助想 ...
Maven学习笔记(六)：生命周期与插件
何为生命周期: Maven的生命周期就是为了对全部的构建过程进行抽象和统一.Maven从大量项目和构建工具中学习和反思,然后总结了一套高度完好的.易扩展的生命周期.这个生命周期包括了项目的清 ...
关于用什么作为dll版本号的思考
作者:朱金灿来源:http://blog.csdn.net/clever101 一个软件模块的版本如何维护呢?毫无疑问,它需要一个版本号.通过比对版本号就知道哪个高版本,哪个是低版本了.软件模块以d ...
与Boss大雷探讨JavaWeb开发、电商与网络安全
最近几个月,与公司Boss大雷交流得比较多,也学习到了很多新的东西,了解到了一些没有接触和实践的业界做法. 简要介绍下Boss,姓雷,定居武汉好几年了,之前在一号店.UC.支付宝干过,有丰富的电商-支 ...
Swagger 专题
随着互联网技术的发展,现在的网站架构基本都由原来的后端渲染,变成了:前端渲染.前后端分离的形态,而且前端和后端在各自的技术道路上越走越远. 前端和后端的唯一联系,变成了API接口:API文档成了前后端 ...
Android项目如果要将自己写的类写成要单独打成jar包？
需求条件: 自己没做过android,公司android开发临时有事请假了,老板说让我研究研究,反正都是java.我心里"XXXXXX".这篇用来自己做个记录,老手请略过,Andr ...
Hadoop和RDBMS的混合系统介绍
现在大数据概念被时常提起,社会各界对其关注度越来越高.往往越是火热的东西,人们越容易忽略它的本质.在 slides 中,我首先按照自己的理解,简单的理顺数据处理领域的发展历程.之后,落脚点是两个比较有 ...
关于java中继承抽象类和实现接口的区别
简单来说,继承就是“是不是”,实现就是“有没有”.(一个大神说的,我觉得很生动很形象海子大神链接http://www.cnblogs.com/dolphin0520/p/3811437.html)

UWP入门（八）--几个简单的控件

1. CheckBox

2. RadioButton

3. CombomBox

4. ListBox

5. image

image 的四种拉伸方法

6. 漂亮的 ToggleSwitch

7. ToggleButton

代码

cs 代码

UWP入门（八）--几个简单的控件的更多相关文章

随机推荐

热门专题