第十三章:位图(十)-阿里云开发者社区

开发者社区> wangccsy> 正文

第十三章:位图(十)

简介:
+关注继续查看

按钮图像
Button定义了FileImageSource类型的Image属性,您可以使用该属性提供显示在按钮文本左侧的小型补充图像。此功能不适用于仅限图像按钮;如果这就是你想要的,本章中的ImageTap程序是一个很好的起点。
您希望图像大小约为五分之一英寸。这意味着您希望它们在32个与设备无关的单元中呈现并显示在Button的背景上。对于iOS和UWP,这意味着白色或透明背景下的黑色图像。对于Android,Windows 8.1和Windows Phone 8.1,您需要在透明背景下显示白色图像。
ButtonImage项目中的所有位图都来自Android De?sign图标集的Action Bar目录以及03_rating_good和03_rating_bad子目录。这些是“竖起大拇指”和“竖起大拇指”的图像。
iOS图像来自holo_light目录(透明背景上的黑色图像),具有以下文件名转换:

  • 未重命名drawable-mdpi / ic_action_good.png
  • drawable-xhdpi / ic_action_good.png重命名为ic_action_good@2x.png

对于ic_action_bad.png也是如此。
Android图像来自holo_dark目录(透明背景上的白色图像),包括子目录中的所有四种尺寸drawable-mdpi(32像素正方形),drawable-hdpi(48像素),drawable-xhdpi(64像素)和drawable -xxhdpi(96像素广场)。
各种Windows运行时项目的图像均为drawable-mdpi目录中的32像素位图。
这是为两个Button元素设置Icon属性的XAML文件:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ButtonImage.ButtonImagePage">
    <StackLayout VerticalOptions="Center"
                 Spacing="50">
 
        <StackLayout.Resources>
            <ResourceDictionary>
                <Style TargetType="Button">
                    <Setter Property="HorizontalOptions" Value="Center" />
                        </Setter.Value>
                    </Setter>
                </Style>
            </ResourceDictionary>
        </StackLayout.Resources>
 
        <Button Text="Oh Yeah">
            <Button.Image>
                <OnPlatform x:TypeArguments="FileImageSource"
                            iOS="ic_action_good.png"
                            Android="ic_action_good.png"
                            WinPhone="Images/ic_action_good.png" />
            </Button.Image>
        </Button>
 
        <Button Text="No Way">
            <Button.Image>
                <OnPlatform x:TypeArguments="FileImageSource"
                            iOS="ic_action_bad.png"
                            Android="ic_action_bad.png"
                            WinPhone="Images/ic_action_bad.png" />
            </Button.Image>
        </Button>
    </StackLayout>
</ContentPage>

他们在这里:
201808262132250395
它并不多,但位图为通常纯文本的按钮增加了一点点。
小位图的另一个重要用途是可用于TableView中项目的上下文菜单。 但前提条件是深入探索有助于Xamarin.Forms交互式界面的各种视图。 这将在第15章出现。
但首先让我们看看StackLayout的替代方案,它允许您以完全灵活的方式定位子视图。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【新星计划】你真的了解计算机病毒吗?
【新星计划】你真的了解计算机病毒吗?
7 0
使用Cordova将您的前端JavaScript应用打包成手机原生应用
使用Cordova将您的前端JavaScript应用打包成手机原生应用
4 0
ECS使用感受
对阿里云飞天加速计划·高校学生在家实践的体验
9 0
Flink实战(八) - Streaming Connectors 编程(上)
Flink实战(八) - Streaming Connectors 编程(上)
8 0
我的阿里云使用体验
我是一名计算机专业在校研究生,主要的学习方向是区块链。在Ubuntu系统中搭建区块链测试链是一个复杂的过程,任何有一个环境的实验环境出现了问题,就需要繁琐的排查过程。我就开始了自己的第一次阿里云ECS使用之旅。这段时间,使用下来感觉非常好。
9 0
hexo+GitHub搭建个人博客前期安装部署
hexo+GitHub搭建个人博客前期安装部署
7 0
android开发,阿里云引用问题
开过一段时间梯子下载gradle,关闭后提示需要引入阿里云安全模式的东西,新创建项目也提示这个东西。请求怎么解决
6 0
网络安全词汇大全——个人学习笔记不断更新
网络安全词汇大全——个人学习笔记不断更新
7 0
KNIME学习记录
KNIME学习记录
6 0
Windows 11强势来袭,一文带你了解全部更新内容
Windows 11强势来袭,一文带你了解全部更新内容
8 0
+关注
wangccsy
前一个帐号wangccsy@126.com不知道怎么的就成了企业帐号,改不成个人。所以重新注册了一个个人帐号。老程序员。精通JAVA,C#,数据库,对软件开发过程和流程熟悉。考取系统分析师,项目管理师和系统架构设计师等软件资格考试认证。愿意和大家一起前进。
984
文章
391
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载