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

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

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

<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
        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 中，文本默认为白色。

针对您的具体问题：

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