Android按钮无法缩放

Question

这似乎是一个非常基本的问题，但我似乎无法弄清楚。 我已经读了很多有关如何使android扩展到大屏幕和小屏幕的文章。

我有一个专为平板电脑设计的应用程序，在该应用程序上运行良好。 但是，当我使用手机版本时，我想确保如果有人在手机上打开它，至少看起来“确定”。

除按钮外，每个人的缩放比例都很好。...我似乎无法使按钮按比例缩放。

它们在Tab上看起来很棒...但是在电话上，它们占据了整个屏幕。

感谢您的帮助。

这是代码：

Main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main_landscape"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/main_menu_plus_landscape"
    android:orientation="vertical" >

    <Button
        android:id="@+id/button_list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginRight="38dp"
        android:layout_marginTop="200dp"
        android:background="@layout/button_main_selector"
        android:padding="40dp"
        android:text="@string/main_start_list"
        android:textColor="@color/white"
        android:textSize="30dp"
        android:typeface="sans"/>


    <Button
        android:id="@+id/button_emulator"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/adview"
        android:layout_alignLeft="@+id/button_list"
        android:layout_alignRight="@+id/button_list"
        android:layout_marginBottom="168dp"
        android:background="@layout/button_main_selector"
        android:padding="40dp"
        android:text="@string/main_start_emulator"
        android:textColor="@color/white"
        android:textSize="30dp"
        android:typeface="sans" />

</RelativeLayout>

布局/button_main_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- Button Focused-->
    <item   android:state_focused="true"
            android:state_pressed="false"
            android:drawable="@drawable/main_buttons_selected"
            />
<!-- Button Focused Pressed-->
    <item   android:state_focused="true"
            android:state_pressed="true"
             android:drawable="@drawable/main_buttons_selected"
            />
<!-- Button Pressed-->
    <item   android:state_focused="false"
            android:state_pressed="true"
            android:drawable="@drawable/main_buttons_selected"
            />
<!-- Button Default Image-->
    <item   android:drawable="@drawable/main_buttons"/>

</selector>

drawable-hdpi / main_buttons.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:padding="10dp">
 <solid android:color="#71bbe3"/> 
    <corners
     android:bottomRightRadius="10dp"
     android:bottomLeftRadius="10dp"
      android:topLeftRadius="10dp"
      android:topRightRadius="10dp"/>
</shape>

我也尝试将按钮文件放入“可绘制”中，这似乎无济于事。 有什么建议么？ （ 注意：我的按钮只是纯色的，没有图像）

res/drawable/main_buttons.xml

res/drawable/main_buttons_selected.xml

res/drawable/button_main_selector.xml

Answer 1

您可以参考：

Android：可绘制按钮图像以扩展到其他屏幕尺寸？

http://www.pixate.com/blog/2012/06/30/android/

http://www.netmagazine.com/tutorials/user-interface-design-android-apps

Answer 2

根据您提供的信息，我可以预测问题出在，您只提供了Hdpi中的按钮。 因此，当您在手机中运行该应用程序时，按钮是从hdpi中获取的，这会使手机中的外观变得怪异。 只需将按钮设置为可绘制或ldpi即可解决此问题。 它将适合“电话”屏幕。这可能是您的问题。

Answer 3

您只需要将两个xml都放在drawable

通过在项目res中创建一个名为drawable的文件夹

res/drawable/main_buttons.xml

res/drawable/button_main_selector.xml

Answer 4

我已经看过您的代码了，首先我会告诉您，您应该发布图片，以显示想要的视图，secth thig是您给出的

android:layout_marginRight="38dp"

android:layout_marginTop="200dp"

在您的第一个按钮代码中，＆在第二个按钮中，您已经给定了这样的边距

android:layout_marginBottom="168dp"

其他所有事情都取决于您要实现哪种设计的布局。

我对您的建议是永远不要从左向右方向特别给定余量。例如，如果您从左向右给定50px的余量，则在普通设备中看起来还可以，而在高分辨率设备中看起来不佳，因为在任何分辨率下它都需要50px device。而不是margin使用这种语法android：alignParentLeft = true，并且总是习惯在您的相对布局中使用这种语法。有了这样的语法，您的元素将始终位于您想要的位置。在android开发人员网站上，检查线性布局和相对布局之间有什么区别，以及线性布局和相对布局有哪些不同的属性，请研究所有属性，例如fill_parent ， wrap_content和match_parent的含义fill_parent超过100％，如果有任何查询，而不是在这里与我一起http://chat.stackoverflow.com/rooms/13436/smart-phones-developer，您可以在这里问我您的问题。我建议您发布您的图片

感谢AamirkhanI。