我正在创建一个顶部包含TabWidget的应用。一切看起来都很好,除了较小的屏幕尺寸,标签上的内容“消失”在屏幕底部。我四处寻找解决方案,只使用dp / sp来帮助布局正确缩放..但没有任何方法可行。
我想问题是tabwidget,因为它似乎没有扩展到新的屏幕尺寸。我不知道如何确保我的tabcontent显示在所有屏幕上?我的标签活动的XML如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:typeface="monospace"
android:background="@drawable/target"
android:paddingRight="25dp"
android:paddingLeft="25dp"
android:paddingTop="15dp">
<TextView
android:text="Convert from:"
android:id="@+id/convertFrom"
android:textColor="#000000"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:typeface="monospace"
android:textSize="16dp"/>
<EditText
android:inputType="numberDecimal"
android:id="@+id/numberInput"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="16dp"
android:layout_below="@id/convertFrom"/>
<Spinner
android:id="@+id/spinner_one"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:textSize="16dp"
android:layout_below="@id/numberInput"></Spinner>
<TextView
android:text="Convert to:"
android:typeface="monospace"
android:id="@+id/text_to"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="16dp"
android:layout_marginTop="20dp"
android:layout_below="@id/spinner_one"/>
<Spinner
android:id="@+id/spinner_two"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:textSize="16dp"
android:layout_below="@id/text_to"></Spinner>
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:textSize="16dp"
android:text="@string/app_name"
android:layout_below="@id/spinner_two"/>
<TextView
android:id="@+id/thisequals"
android:layout_marginTop="45dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:textSize="20dp"
android:layout_below="@id/button"
android:maxLines="1"
layout_alignParentRight="true"
layout_alignParentLeft="true"/>
<TextView
android:id="@+id/answer"
android:textColor="#FF4400"
android:layout_centerHorizontal="true"
android:textStyle="bold"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="26dp"
android:typeface="sans"
android:maxLines="1"
android:layout_below="@id/thisequals"/>
<TextView
android:id="@+id/ofthis"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:textSize="20dp"
android:layout_below="@id/answer"/>
</RelativeLayout>
这是main.xml(如果需要):
<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="5dp">
<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
</FrameLayout>
</LinearLayout>
</TabHost>
这是问题的图片(同样的事情应该显示在两个屏幕上......一个HVGA和QVGA)
http://dl.dropbox.com/u/15931335/appproblem.jpg
谢谢!
答案 0 :(得分:0)
由于屏幕尺寸较小,似乎没有足够的空间用于此布局。处理小屏幕设备时,这是正常情况。您可以将此布局放在滚动视图中,或将其缩小以适合较小的屏幕。我认为您可以将320x240 ldpi屏幕视为最小屏幕。
答案 1 :(得分:0)
您可以尝试使用此
替换main.xml中的LinearLayout属性<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="5dp"
android:orientation="vertical">
<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:weight="1.0">
</FrameLayout>
</LinearLayout>