[英]Supporting different screen sizes
我的UI非常適合我的虛擬設備,但是當我在手機上運行應用程序時,用戶界面太寬,而且我的設備的RHS丟失了一部分。
我讀了這篇文章;( https://developer.android.com/training/multiscreen/screensizes.html )它談到了使用約束布局,但在我去批量更改我的XML之前,有人能看到任何明顯的缺陷嗎?
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context="com.example.wbc.TabFragment0"
android:id="@+id/frag7"
android:padding="5dp">
<TextView
android:id="@+id/todayDate0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:textSize="25sp"/>
<TableLayout
android:id="@+id/tab_layout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/todayDate0">
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp">
<TextView
android:id="@+id/rink1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="1"
android:textSize="30sp" />
<Button
android:id="@+id/twelve7R1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="bookRink"
android:tag="7112"
android:text="12:00"
tools:ignore="OnClick" />
<Button
android:id="@+id/two7R1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="bookRink"
android:tag="7114"
android:text="14:00"
tools:ignore="OnClick" />
<Button
android:id="@+id/four7R1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="bookRink"
android:tag="7116"
android:text="16:00"
tools:ignore="OnClick" />
<Button
android:id="@+id/six7R1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="bookRink"
android:tag="7118"
android:text="18:00"
tools:ignore="OnClick" />
</TableRow>
</TableLayout>
</RelativeLayout>
請發布顯示布局文件所需結果的圖片,在此我假設結果布局如圖像中所示。
我使用ConstraintLayout可以在運行時調整視圖,這有助於設備根據任何設備屏幕大小調整布局
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:id="@+id/frag7"
android:padding="5dp">
<TextView
android:id="@+id/todayDate0"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:textSize="25sp"
android:text="Today's Date 4.06.19"
app:layout_constraintEnd_toEndOf="@+id/tab_layout1"
app:layout_constraintStart_toStartOf="@+id/tab_layout1"
app:layout_constraintTop_toTopOf="parent" />
<TableLayout
android:id="@+id/tab_layout1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_below="@+id/todayDate0"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.307"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/todayDate0">
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp">
<TextView
android:id="@+id/rink1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="1"
android:textSize="30sp" />
<Button
android:id="@+id/twelve7R1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="bookRink"
android:tag="7112"
android:text="12:00"
tools:ignore="OnClick" />
<Button
android:id="@+id/two7R1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="bookRink"
android:tag="7114"
android:text="14:00"
tools:ignore="OnClick" />
<Button
android:id="@+id/four7R1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="bookRink"
android:tag="7116"
android:text="16:00"
tools:ignore="OnClick" />
<Button
android:id="@+id/six7R1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="bookRink"
android:tag="7118"
android:text="18:00"
tools:ignore="OnClick" />
</TableRow>
</TableLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
感謝您的帖子,無論出於何種原因,它現在正在工作,除了將APK重新加載到我的手機上之外,我沒有做任何更改......為浪費您的時間道歉。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.