首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >VerticalTextAlignment="End“不会在<StackLayout>底部对齐我的文本

VerticalTextAlignment="End“不会在<StackLayout>底部对齐我的文本
EN

Stack Overflow用户
提问于 2018-07-22 13:57:38
回答 1查看 574关注 0票数 1

我有这样的代码:

代码语言:javascript
运行
AI代码解释
复制
<?xml version="1.0" encoding="utf-8"?>
<StackLayout xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
             xmlns:local="clr-namespace:Japanese;assembly=Japanese" 
             x:Class="Japanese.Templates.HeaderTemplate" 
             x:Name="this" BackgroundColor="#efeff4" HorizontalOptions="FillAndExpand" Orientation="Vertical" Spacing="0" Margin="0">
    <StackLayout HeightRequest="50" >
        <Label Text="ABC" HorizontalOptions="Start" VerticalTextAlignment="End" Margin="20, 0, 0, 0" />
    </StackLayout>
</StackLayout>

当它运行时,文本ABC出现在单元格的顶部,而不是底部。

有人能给我解释一下为什么我用VerticalTextAlighment="End“的时候它不出现在底部吗?

我也尝试过这样做,但它仍然将文本放在StackLayout的顶部:

代码语言:javascript
运行
AI代码解释
复制
<?xml version="1.0" encoding="utf-8"?>
<StackLayout xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
             xmlns:local="clr-namespace:Japanese;assembly=Japanese" 
             x:Class="Japanese.Templates.HeaderTemplate" 
             x:Name="this" BackgroundColor="#efeff4" HorizontalOptions="FillAndExpand" Orientation="Vertical" Spacing="0" Margin="0">
    <StackLayout HeightRequest="50" >
        <Label Text="ABC" HorizontalOptions="Start" VerticalTextAlignment="End" 
        VerticalOptions="End" Margin="20, 0, 0, 0" />
    </StackLayout>
</StackLayout>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-07-22 18:06:58

代码语言:javascript
运行
AI代码解释
复制
<ContentPage BackgroundColor="Purple" xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:test3" x:Class="test3.MainPage">
    <StackLayout BackgroundColor="Yellow">
        <!-- Place new controls here -->
        <Label BackgroundColor="Pink" Text="I'm at the bottom!" HorizontalOptions="Center" VerticalOptions="EndAndExpand" />
    </StackLayout>
</ContentPage>

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51465812

复制
相关文章
不同大小的文字底部对齐,为什么不能使用flex-end
flex容器下,不同大小的文字底部对齐,为什么应该使用 baseline 而不是 flex-end?
扰乱
2023/10/24
1.3K0
不同大小的文字底部对齐,为什么不能使用flex-end
张高兴的 Xamarin.Forms 开发笔记:TapGestureRecognizer 的简单介绍与应用
  最近很少写应用了,一直在忙关于 ASP.NET 的东西(哈欠...)。抽点时间对 TapGestureRecognizer 做点总结。 一、简介   TapGestureRecognizer 就是对 Tap 手势进行识别。 Forms 里的大多数控件都继承自 View 类,而 View 类中有一个公共属性 GestureRecognizers,因此控件都可以添加各种手势识别。当然手势不止 Tap 这一种,更多的可以在 Xamarin 的指南中了解:https://developer.xamarin.c
张高兴
2018/06/26
1K0
张高兴的 Xamarin.Forms 开发笔记:TapGestureRecognizer 的简单介绍与应用
  最近很少写应用了,一直在忙关于 ASP.NET 的东西(哈欠...)。抽点时间对 TapGestureRecognizer 做点总结。 一、简介   TapGestureRecognizer 就是对 Tap 手势进行识别。 Forms 里的大多数控件都继承自 View 类,而 View 类中有一个公共属性 GestureRecognizers,因此控件都可以添加各种手势识别。当然手势不止 Tap 这一种,更多的可以在 Xamarin 的指南中了解:https://developer.xamarin.c
张高兴
2018/05/18
8070
文本左右对齐
给定一个单词数组 words 和一个长度 maxWidth ,重新排版单词,使其成为每行恰好有 maxWidth 个字符,且左右两端对齐的文本。
狼啸风云
2023/10/10
2720
文本左右对齐
【CSS】图片底部空白缝隙处理 ( 使用居中对齐 / 顶部对齐 / 底部对齐 | 将行内元素 / 行内块元素转为块级元素 )
在上一篇博客中 , 使用默认的基线对齐 , 会发现 行内块级元素 中的 图片与文字 默认的对齐方式下 , 图片下方有一条缝隙 ;
韩曙亮
2023/04/24
2.2K0
【CSS】图片底部空白缝隙处理 ( 使用居中对齐 / 顶部对齐 / 底部对齐 | 将行内元素 / 行内块元素转为块级元素 )
【CSS】vertical-align 垂直对齐 ( 块级元素对齐 | 行内元素 / 行内块元素对齐 | 基线对齐 | 垂直居中 | 顶部对齐 | 底部对齐 )
vertical-align 垂直对齐 , 不能用于块级元素 , 只能用于 行内元素 / 行内块元素 ;
韩曙亮
2023/04/24
3.7K0
【CSS】vertical-align 垂直对齐 ( 块级元素对齐 | 行内元素 / 行内块元素对齐 | 基线对齐 | 垂直居中 | 顶部对齐 | 底部对齐 )
Python修改文本列对齐
letter                   ->              LadderScore0                   ->        LadderScore1                   ->        LadderScore2                   ->        LadderScore3                   ->        LadderScore4                   ->        LadderScor
py3study
2020/01/15
2.5K0
Python修改文本列对齐
HarmonyOS学习路之开发篇—Java UI框架(六大布局开发)
Android的布局开发中存在五大布局,在鸿蒙布局开发中也存在与之相似的五种布局类型,唯一多余的一个类型叫做自适应盒子布局,布局可以在不同设备上有不同的展示方式。 熟悉Android开发的小伙伴可以参照Android的布局开发来学习。
爱吃土豆丝的打工人
2021/12/04
1.5K0
HarmonyOS学习路之开发篇—Java UI框架(StackLayout)
StackLayout直接在屏幕上开辟出一块空白的区域,添加到这个布局中的视图都是以层叠的方式显示,而它会把这些视图默认放到这块区域的左上角,第一个添加到布局中的视图显示在最底层,最后一个被放在最顶层。上一层的视图会覆盖下一层的视图。
爱吃土豆丝的打工人
2023/10/14
2550
HarmonyOS学习路之开发篇—Java UI框架(StackLayout)
C# Xamarin 数据绑定入门基础
假如说,有两个控件,一个是滑动条(Slider),一个是显示文本的标签(Label)。
痴者工良
2021/04/26
1.3K0
[Leetcode][python]Text Justification/文本左右对齐
来自:https://shenjie1993.gitbooks.io/leetcode-python/068%20Text%20Justification.html 把一个集合的单词按照每行L个字符存放,不足的在单词间添加空格,每行要两端对齐(即两端都要是单词),如果空格不能均匀分布在所有间隔中,那么左边的空格要多于右边的空格,最后一行靠左对齐,每个单词间一个空格。
蛮三刀酱
2019/03/26
1.9K0
LeetCode - #68 文本左右对齐
我们社区陆续会将顾毅(Netflix 增长黑客,《iOS 面试之道》作者,ACE 职业健身教练。)的 Swift 算法题题解整理为文字版以方便大家学习与阅读。
Swift社区
2022/12/10
1.1K0
68. 文本左右对齐
给定一个单词数组和一个长度 maxWidth,重新排版单词,使其成为每行恰好有 maxWidth 个字符,且左右两端对齐的文本。
张伦聪zhangluncong
2022/10/26
1K0
PyQt5 技术篇-设置alignment对齐方式。Qt Designer设置文本对齐方式。居中、左对齐、右对齐、上对齐、下对齐。
通过alignment设置,展开后可以设置水平方向或垂直方向的对齐方式。 PyQt5设置文本对齐方法: self.label.setAlignment(QtCore.Qt.AlignRight|QtCore.Qt.AlignVCenter) 两个参数一个是横向靠右,一个是纵向居中。
小蓝枣
2020/09/23
8.6K0
记一次前端文本对齐的问题
前段时间处理了一个在网页中文本对齐的问题,发现了一些之前关于字体未曾了解的知识点,颇有意思,总结一下。
双面人
2022/12/25
1.8K0
记一次前端文本对齐的问题
CSS实现文本两端对齐
在实现对齐的时候,由于justify对最后一行无效,所以我们需要在最后新增一行来实现,实现方法 1.利用css标签span,i,p等都可以实现增加空行, 2.利用css伪类 after来实现也就是上面代码的实现机制,感觉这样实现是最好的一种方案,推荐给大家。
李维亮
2021/07/08
1K0
Xamarin 学习笔记 - Layout(布局)
在本篇教程中,我们将了解Xamarin.Forms中几个常用的Layout类型并介绍使用这几种布局类似进行跨平台移动开发时的示例。
葡萄城控件
2018/07/24
1.7K0
Xamarin 学习笔记 - Layout(布局)
Leetcode No.68 文本左右对齐(模拟)
给定一个单词数组和一个长度 maxWidth,重新排版单词,使其成为每行恰好有 maxWidth 个字符,且左右两端对齐的文本。 你应该使用“贪心算法”来放置给定的单词;也就是说,尽可能多地往每行中放置单词。必要时可用空格 ' ' 填充,使得每行恰好有 maxWidth 个字符。 要求尽可能均匀分配单词间的空格数量。如果某一行单词间的空格不能均匀分配,则左侧放置的空格数要多于右侧的空格数。 文本的最后一行应为左对齐,且单词之间不插入额外的空格。
week
2022/01/06
9760
CSS之文本两端对齐的实现方法
结合 text-align-last 属性,该属性定义的是一段文本中最后一行在被强制换行之前的对齐规则。
用户9914333
2022/07/22
1.4K0
CSS之文本两端对齐的实现方法
点击加载更多

相似问题

添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档