首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将视图向下对齐到文本基线

将视图向下对齐到文本基线
EN

Stack Overflow用户
提问于 2017-09-17 04:17:04
回答 2查看 5.3K关注 0票数 7

在ConstraintLayout中,是否有一种方法可以将视图的底部(例如ImageView)与TextView的基线对齐?我预计会有像app:layout_constraintBottom_toBaselineOf这样的约束,但这种约束是不存在的。

注意:我尝试过app:layout_constraintBaseline_toBaselineOf,但它似乎只有在TextView上定义时才有效。

EN

Stack Overflow用户

发布于 2018-03-14 12:04:24

这可能已经太迟了,但我希望仍能对阅读这篇文章的人有所帮助。

在这个特定的示例中,如果您想要将ImageViewTextView的基线对齐,则将ImageView的默认对齐设置应用于"top",不确定为什么.很可能要将其应用到ImageView的底部,这可以通过设置android:baselineAlignBottom="true"属性来实现。

因此,ConstraintLayout的完整代码如下所示:

代码语言:javascript
运行
复制
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
  <TextView
      android:id="@+id/textView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" />
  <android.support.v7.widget.AppCompatImageView
      android:id="@+id/imageView"
      android:layout_width="96dp"
      android:layout_height="96dp"
      android:baselineAlignBottom="true"
      app:layout_constraintBaseline_toBaselineOf="@id/textView"
      app:layout_constraintStart_toEndOf="@id/textView"
      app:srcCompat="@drawable/drawable1"
      android:contentDescription="@null"/>
</android.support.constraint.ConstraintLayout>

我在我的项目中使用了一个AppCompatImageView,但是我非常肯定普通的ImageView也会以同样的方式工作。

RelativeLayout也可以通过向ImageView添加一个layout_alignBaseline="@id/textView"来实现相同的行为。

如果由于某些原因(例如,您有一个自定义视图或其他东西)无法工作,您也可以考虑在运行时执行该操作。

TextView中有一个名为getLastBaselineToBottomHeight的方法。它返回最后一个文本基线到这个TextView底部之间的距离。您可以将该值应用于您的View的底部边距,这将给您带来同样的效果。尽管该方法仅在Android中引入,但您可以使用相同的方式实现它(根据源代码)。仅举一个对我有用的例子:

代码语言:javascript
运行
复制
MarginLayoutParams params = (MarginLayoutParams) rootView.findViewById(R.id.imageView).getLayoutParams();
params.bottomMargin = textView.getPaddingBottom() + textView.getPaint().getFontMetricsInt().descent;

我希望这能帮上忙。祝好运!

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

https://stackoverflow.com/questions/46260589

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档