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

开发者社区> 开发与运维> 正文
登录阅读全文

第十三章:位图(十)

简介:

按钮图像
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的替代方案,它允许您以完全灵活的方式定位子视图。

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

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章
最新文章
相关文章