Question

我正在为材料设计指定的listview行设计2行文本布局。

Primary text font: Roboto Regular 16sp
Secondary text font: Roboto Regular 14sp
Tile height: 72dp
Text padding, left: 16dp
Text padding, top and bottom: 20dp

它在android studio设计视图的显示中显示正常但是当我在我的7inch samsung选项卡上运行时，它被裁剪为这样 enter image description here 我知道如果你从这里移动一些dp到那里然后这个问题将被解决，但在此之前我只想知道如果我做错了或guidline是否有任何关于平板电脑DP值的特殊章节？

Answer 1

Material Design不适合程序员，也适合设计师。这就是为什么指南难以实施。

在您的情况下，您应该记住，在指南中，他们使用Roboto字体的基线和上升线。只使用两个TextView和简单的填充，就无法真正创建符合规范的布局。

enter image description here

我猜你的布局应该是这样的：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="#ffffffff"
    android:paddingLeft="16dp"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="72dp">

    <TextView
        android:layout_alignParentTop="true"
        android:layout_marginTop="20dp"
        android:paddingTop="11dp"
        android:id="@+id/topMarker"
        android:layout_width="1dp"
        android:layout_height="1dp"
        android:textSize="1dp" />

    <TextView
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="20dp"
        android:padding="0dp"
        android:gravity="center"
        android:id="@+id/bottomMarker"
        android:layout_width="1dp"
        android:layout_height="1dp"
        android:textSize="1dp" />

    <TextView
        android:layout_alignBaseline="@+id/topMarker"
        android:text="Primary text"
        android:textSize="16sp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_alignBaseline="@+id/bottomMarker"
        android:text="Secondary text"
        android:textSize="14sp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</RelativeLayout>

对齐辅助文本很容易，但主要文本非常棘手，因为Android无法与ascender行对齐。您可以测量上升和偏移顶部标记，或者只是使主文本的上边距变小。

编辑：

我写了一篇关于对齐文本的文章。它涵盖了使用标记视图进行文本对齐，并很好地解决了这个线程的问题。可在此处找到：https://androidreclib.wordpress.com/2016/03/10/aligning-text-on-android/

在listview中Android材料设计混乱

1 个答案: