Android UI 小部件垂直对齐问题

Question

我正在尝试创建一个布局(使用 eclipse)，我需要在其中垂直对齐各种控件，如 TextView 和 Button。我试图让所有的小部件完全左对齐。即使我为控件指定相同的左边距/填充，在不同类型的控件之间仍然可以看到 1-2 像素的差异。

问题在于小部件的边框(eclipse 中的蓝色矩形)和小部件的内容/图形之间的距离因小部件(例如 TextView 和 Button)而异。

我可以通过为 TextView 指定左填充或通过减少按钮容器的左边距来应用变通方法。但我正在寻找更清洁的解决方案。我找不到任何控制小部件边框和内容之间差异的属性。关于如何控制这个差距的任何指示？

演示问题的快照如下。这是我用于解决此问题的布局 XML:-

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Dummy Button" />

</LinearLayout>

下图显示了虚拟应用程序的快照。请注意“Hello World”TextView 和“Dummy Button”左侧边距的区别。

第二张图片显示了在 Eclipse 中选择时的按钮小部件。蓝色矩形表示小部件边界/边框。按钮的边框(蓝色矩形)和内容(灰色矩形)之间的区别是否可由某些属性控制？

Answer 1

这是一个棘手的问题，因为 TextView 和其他 Android 小部件可能有它们自己的一些内在样式(也取决于 android 版本)。

因此，要解决这个问题，您必须创建自己的样式。

在创建自己的样式时，请始终引用有关此主题的 android 源代码:

https://github.com/android/platform_frameworks_base/tree/master/core/res/res/values

https://github.com/android/platform_frameworks_base/blob/master/core/res/res/values/themes.xml

https://github.com/android/platform_frameworks_base/blob/master/core/res/res/values/styles.xml

有多种方法可以创建您自己的风格。

一种方法是在您的 list 中为您的 Activity 设置主题。首先，您需要一个 styles.xml 文件，位于您的/values/文件夹中。在这里你可以声明你的新风格:

<style name="Theme.MyTheme.Dark" parent="@android:style/Theme.NoTitleBar">
    <item name="android:textViewStyle">@style/Widget.TextView.Black</item>
</style>

<style name="Theme.MyTheme.Light" parent="@android:style/Theme.NoTitleBar">
    <item name="android:textViewStyle">@style/Widget.TextView.White</item>
</style>

它上面的样式继承自隐藏标题栏的Android样式，您可以继承其他样式。在这个主题中，我们随后覆盖了 textViewStyle，这允许我们为我们的 TextView 设置自定义值并覆盖一些内在值。

<style name="Widget.TextView.White" parent="@android:style/Widget.TextView">
    <item name="android:textColor">#FFFFFF</item>
</style>

<style name="Widget.TextView.Black" parent="@android:style/Widget.TextView">
    <item name="android:textColor">#000000</item>
</style>

最后，您在 AndroidManifest.xml 中为您的 Activity 设置了主题:

     <activity
        android:name=".ui.phone.FirstActivity"
        android:theme="@style/Theme.MyTheme.Dark" />

     <activity
        android:name=".ui.phone.SecondActivity"
        android:theme="@style/Theme.MyTheme.Light" />

现在，当您在 FirstActivity 中使用 TextView 时，它的文本默认为黑色，而在第二个 Activity 中则为白色。

针对您的具体问题:

您必须查看我在顶部链接的源代码文件，看看是否有任何 padding 或 minWidth 或 size 属性影响您的小部件和布局。