タブレットサイズの画面に合うようにレイアウトを変更するにはどうすればよいですか?

ブライアンJ

私はこのアプリをモバイルデバイスでテストしましたが、レイアウトは問題ないように見えますが、7インチのタブレットでテストすると、主なアクティビティにtextViewsと画像がありませんが、残りのアクティビティは問題ありません。

かなり簡単な修正だと確信しているので、誰かがこの状況を修正する方法を教えてもらえますか?アクティビティのレイアウトを以下に示します。

<ScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:fillViewport="true"
    android:scrollbars="none" 
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"

    tools:context=".MainActivity"
     >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        >

        <LinearLayout
            android:id="@+id/llayout"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="271dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_weight="0.68"
                android:src="@drawable/mark3" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="50dp"
                android:text="@string/depth_"
                android:textColor="#90f030"
                android:textSize="30sp" />

            <EditText
                android:id="@+id/ductDepth"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="20dp"
                android:ems="10"
                android:hint="@string/enter_duct_depth_mm"
                android:inputType="numberDecimal"
                android:singleLine="true" >

                <requestFocus />
            </EditText>

            <TextView
                android:id="@+id/textView3"
                android:layout_width="wrap_content"
                android:layout_height="50dp"
                android:text="Duct Depth:"
                android:textColor="#90f030"
                android:textSize="30sp" />

            <EditText
                android:id="@+id/offDepth"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="14dp"
                android:ems="10"
                android:hint="@string/enter_offset_depth_mm"
                android:inputType="numberDecimal"
                android:singleLine="true" />

            <TextView
                android:id="@+id/textView1"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:text="Length:"
                android:textColor="#90f030"
                android:textSize="30sp" />

            <EditText
                android:id="@+id/offLength"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="20dp"
                android:ems="10"
                android:hint="@string/enter_offset_length_mm"
                android:inputType="numberDecimal"
                android:singleLine="true" />
        </LinearLayout>

    <android.support.v4.view.ViewPager     
    android:id="@+id/pager"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
     >

    <!--
    This title strip will display the currently visible page title, as well as the page
    titles for adjacent pages.
    -->

    <android.support.v4.view.PagerTitleStrip
        android:id="@+id/pager_title_strip"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:background="#33b5e5"
        android:paddingBottom="4dp"
        android:paddingTop="4dp"
        android:textColor="#fff" />

</android.support.v4.view.ViewPager>

    <ImageButton
        android:id="@+id/calc"
        android:layout_width="200dp"
        android:layout_height="70dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_below="@+id/llayout"
        android:background="@drawable/calcbttrans" />


</RelativeLayout>

</ScrollView>

画像とテキストボックスがありません それはどのように見えるべきか

デザイナーのレイアウト

アンドロイド開発者

問題は正確には何ですか?下部の引き伸ばされた画像?

もしそうなら、それはおそらくあなたがそれをそのアスペクト比を維持する自由を許さずに正確なサイズに設定したからです。考えられる解決策は、9パッチ画像またはxmlドローアブルを使用するか、現在の画像のアスペクト比を維持することです。

ところで、アクションバーはよく見えません。サポートライブラリまたはactionBarSherlockの使用を検討しましたか?グーグルはすでにネイティブのルックアンドフィールに関するガイドラインを持っています(例えばここに:http//developer.android.com/design/patterns/pure-android.html


編集:問題はレイアウトにあるようです。

一番下までスクロールすると、viewPagerがすべてのレイアウトの上にあり、imageButtonがlinearLayoutの下にあるように見えます(ネイティブのAndroid UXではありません)。

UIデザイナーとアウトラインを確認するだけです。それは明らかに問題を示しています(私はそれらを持っていないのですべての画像を置き換える必要がありましたが、これは重要なことではありません):

ここに画像の説明を入力してください

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

すべての画面サイズに合うように相対的なレイアウトを作成するにはどうすればよいですか?

分類Dev

自動レイアウトですべてのサブビューに合うようにスーパービューのサイズを変更するにはどうすればよいですか?

分類Dev

画面のサイズを変更するときにブートストラップ列を変更するにはどうすればよいですか?

分類Dev

電卓の画面全体にレイアウトを合わせるにはどうすればよいですか?

分類Dev

Jupyterノートブック画面のサイズを以前のサイズに変更するにはどうすればよいですか?

分類Dev

グーグルマップのウェブサイトでアイコンのサイズを変更するにはどうすればよいですか?

分類Dev

Androidのグラフィックレイアウトの画面サイズを拡大するにはどうすればよいですか?

分類Dev

相対レイアウトのサイズを更新するにはどうすればよいですか?

分類Dev

Androidでレイアウトの背景を動的に変更するにはどうすればよいですか?

分類Dev

サウンドの非リアルタイムピッチ/サンプルレートを変更するにはどうすればよいですか?

分類Dev

ANDROIDで複数の(異なるサイズの)画面のレイアウトを有効にするにはどうすればよいですか?

分類Dev

テキストのタブのサイズを変更するにはどうすればよいですか?

分類Dev

メインレイアウトをスライドさせて強制的にサイズ変更するにはどうすればよいですか?

分類Dev

ViewPagerで別のレイアウトの値を変更するにはどうすればよいですか

分類Dev

タブレイアウトにスタックを追加するにはどうすればよいですか?

分類Dev

recyclerviewの最初の行のレイアウトを変更するにはどうすればよいですか?

分類Dev

翻訳されたテキストに合うようにQMessageBoxボタンのサイズを変更するにはどうすればよいですか?

分類Dev

ターゲットリンクアドレスからPuTTYの画面サイズと品質を構成するにはどうすればよいですか?

分類Dev

shinyDashboardレイアウトでtabPanelの幅を変更するにはどうすればよいですか?

分類Dev

ブックダウン:章のタイトルのサイズを変更するにはどうすればよいですか?

分類Dev

Joomlaの記事のレイアウトを変更するにはどうすればよいですか?

分類Dev

ウィンドウのサイズを変更するときに、すべてのフレックスアイテムのサイズが変更されないようにするにはどうすればよいですか?

分類Dev

swagger-uiのレイアウトを変更するにはどうすればよいですか?

分類Dev

サブプロットでFigureサイズを変更するにはどうすればよいですか?

分類Dev

レイアウトの一部を画面に印刷するにはどうすればよいですか?

分類Dev

Android:タブレイアウトで個々のタブの幅を変更するにはどうすればよいですか?

分類Dev

Sitecoreで特定のサブレイアウトを印刷するにはどうすればよいですか?

分類Dev

画面のサイズを変更するときに列がスタックしないようにするにはどうすればよいですか?

分類Dev

QTabWidgetのタブにレイアウトを設定するにはどうすればよいですか?

Related 関連記事

  1. 1

    すべての画面サイズに合うように相対的なレイアウトを作成するにはどうすればよいですか?

  2. 2

    自動レイアウトですべてのサブビューに合うようにスーパービューのサイズを変更するにはどうすればよいですか?

  3. 3

    画面のサイズを変更するときにブートストラップ列を変更するにはどうすればよいですか?

  4. 4

    電卓の画面全体にレイアウトを合わせるにはどうすればよいですか?

  5. 5

    Jupyterノートブック画面のサイズを以前のサイズに変更するにはどうすればよいですか?

  6. 6

    グーグルマップのウェブサイトでアイコンのサイズを変更するにはどうすればよいですか?

  7. 7

    Androidのグラフィックレイアウトの画面サイズを拡大するにはどうすればよいですか?

  8. 8

    相対レイアウトのサイズを更新するにはどうすればよいですか?

  9. 9

    Androidでレイアウトの背景を動的に変更するにはどうすればよいですか?

  10. 10

    サウンドの非リアルタイムピッチ/サンプルレートを変更するにはどうすればよいですか?

  11. 11

    ANDROIDで複数の(異なるサイズの)画面のレイアウトを有効にするにはどうすればよいですか?

  12. 12

    テキストのタブのサイズを変更するにはどうすればよいですか?

  13. 13

    メインレイアウトをスライドさせて強制的にサイズ変更するにはどうすればよいですか?

  14. 14

    ViewPagerで別のレイアウトの値を変更するにはどうすればよいですか

  15. 15

    タブレイアウトにスタックを追加するにはどうすればよいですか?

  16. 16

    recyclerviewの最初の行のレイアウトを変更するにはどうすればよいですか?

  17. 17

    翻訳されたテキストに合うようにQMessageBoxボタンのサイズを変更するにはどうすればよいですか?

  18. 18

    ターゲットリンクアドレスからPuTTYの画面サイズと品質を構成するにはどうすればよいですか?

  19. 19

    shinyDashboardレイアウトでtabPanelの幅を変更するにはどうすればよいですか?

  20. 20

    ブックダウン:章のタイトルのサイズを変更するにはどうすればよいですか?

  21. 21

    Joomlaの記事のレイアウトを変更するにはどうすればよいですか?

  22. 22

    ウィンドウのサイズを変更するときに、すべてのフレックスアイテムのサイズが変更されないようにするにはどうすればよいですか?

  23. 23

    swagger-uiのレイアウトを変更するにはどうすればよいですか?

  24. 24

    サブプロットでFigureサイズを変更するにはどうすればよいですか?

  25. 25

    レイアウトの一部を画面に印刷するにはどうすればよいですか?

  26. 26

    Android:タブレイアウトで個々のタブの幅を変更するにはどうすればよいですか?

  27. 27

    Sitecoreで特定のサブレイアウトを印刷するにはどうすればよいですか?

  28. 28

    画面のサイズを変更するときに列がスタックしないようにするにはどうすればよいですか?

  29. 29

    QTabWidgetのタブにレイアウトを設定するにはどうすればよいですか?

ホットタグ

アーカイブ