按钮在不同的Android设备或版本上看起来不同

时间:2014-04-06 09:59:49

标签: android android-view android-xml android-button

我有两个简单的按钮,想给他们一个自定义的外观,所以我给了按钮一个背景颜色。这在我的Htc One上看起来很好,它运行在4.2,但是当我在旧的Lg P925上测试时,按钮高度只是包裹它的内容(就像默认的填充消失了一样)。

像这样:

enter image description here

所以我做了一些进一步的研究,发现我必须使用状态列表绘制才能为按钮添加功能。

所以我这样做:

Button.xml

 <selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="true" android:drawable="@drawable/button_pressed" />
<item android:state_focused="true" android:drawable="@drawable/button_focused" />
<item android:drawable="@drawable/button_normal" />

 </selector>

专注于按钮

    <shape xmlns:android="http://schemas.android.com/apk/res/android"   
    android:shape="rectangle">
    <solid android:color="@color/greybutton"/>
    <corners android:radius="0dp" />
    <stroke android:color="@color/greybutton" android:width="2dp" />
    <padding android:top="5dp" android:bottom="5dp"             
    android:left="10dp"android:right="10dp" />
    </shape>

按下按钮

    <shape xmlns:android="http://schemas.android.com/apk/res/android"      
    android:shape="rectangle">
    <solid android:color="@color/greybutton"/>
    <corners android:radius="0dp" />
    <stroke android:color="@color/greybutton" android:width="2dp" />
    <padding android:top="5dp" android:bottom="5dp" android:left="10dp"     
    android:right="10dp" />
    </shape>  

按钮正常

    <shape xmlns:android="http://schemas.android.com/apk/res/android"  
    android:shape="rectangle">
    <gradient android:startColor="#FFFFFFFF" android:endColor="#A4A4A4"  
    android:angle="270" />
    <solid android:color="@color/darkerGrey"/>
    <corners android:radius="0dp" />
    <padding android:top="5dp" android:bottom="5dp" android:left="10dp"   
    android:right="10dp"/>
    </shape>

风格

  <style name="button" parent="@android:style/Widget.Button">
  <item name="android:background">@drawable/button</item>
  </style>

然后我将样式添加到按钮:

           <Button
            android:id="@+id/SignUpBtn"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:text="@string/CreateAcct"
            android:textColor="@color/white"
            style="@style/button"
            android:textSize="17sp"
             />

这就是我得到的:

在我的HTC(运行4.2)

这里的按钮更大,因为它将5dp的顶部和底部填充(从我的状态drawables xml)添加到按钮的默认系统填充。

在我的Lg P925上运行2.3我得到了这个:

enter image description here

按钮比我的htc小。似乎当我向按钮添加背景时,它摆脱了默认的填充。我只是不知道。

如何创建一个看起来与所有设备相同的按钮?

2 个答案:

答案 0 :(得分:1)

*文本字体因设备而异,因此请使用字体类设置按钮*

的字体字体 像这样

在assets文件夹中创建文件夹字体并粘贴abc.ttf文件。基本上.ttf文件是一个包含字体样式的文件,你可以免费下载

Button txt = (Button) findViewById(R.id.custom_font);  
Typeface font = Typeface.createFromAsset(getAssets(), "abc.TTF");  
txt.setTypeface(font);

或者你可以使用像这样的预定义字体

<Button 
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:typeface="sans"/>

sans,monospace,serif 是预定义字体

享受编码

它会起作用

答案 1 :(得分:0)

我认为关键是这句话:

<style name="button" parent="@android:style/Widget.Button">
<item name="android:background">@drawable/button</item>

</style>

请注意,您正在扩展父样式,这可能会因Android版本而异。请尝试不使用父位。