我的应用在横向视图中搞砸了

Posted 2023-02-26

技术标签:

【中文标题】我的应用在横向视图中搞砸了【英文标题】：My app is messsed up in landscape view 【发布时间】：2014-06-17 22:07:16 【问题描述】：

我有这个 xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 

    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    android:layout_
    android:layout_
    android:background="#000000"
    android:orientation="vertical">
      <LinearLayout
    android:layout_
    android:layout_
    android:orientation="vertical">

    <com.google.android.gms.ads.AdView 
              android:id="@+id/adView"    
              android:layout_
              android:layout_
              android:gravity="center_vertical"
              ads:adUnitId="ca-app-pub-xxx/xxx"
              ads:adSize="SMART_BANNER"
              android:background="#E5E4E2"
    />

        <ImageView
        android:id="@+id/sphereIcon"
        android:layout_
        android:layout_
        android:orientation="vertical"
        android:layout_gravity="center_horizontal"
        android:contentDescription="@string/magicBallDescr"
        android:src="@drawable/rsz_topkniga" />

        <TextView 
            android:id="@+id/txtAnswer"
            android:layout_marginTop="10dp"
            android:layout_
            android:layout_
            android:textColor="#ed620b"
            android:orientation="vertical"
            android:gravity="center"
            android:typeface="sans"
            android:textSize="25sp"
        />

        <EditText
            android:id="@+id/txtQuestion"
            android:layout_marginTop="13dp"
            android:layout_
            android:layout_
            android:orientation="vertical"
            android:layout_gravity="center"
            android:hint="@string/textHint"
            android:inputType="textMultiLine"
            android:lines="6" 
            android:background="#ffffff"/>

</LinearLayout>
        <Button 
            android:id="@+id/btnAsk"
            android:layout_marginTop="10dp"
            android:layout_
            android:layout_ 
            android:background="#e5802d"
            android:text="@string/btnAskQ"     
            android:paddingEnd="@dimen/activity_vertical_margin"  
            android:layout_alignParentBottom="true"    
         />
</RelativeLayout>

在纵向视图中，我的应用看起来很完美：

但在横向上，EditText 已经消失了：

为什么会这样？我在这里想念什么？我知道它是一个超小的部分，但我无法发现它。

【问题讨论】：

它在你的按钮后面。 @DroidBender 好的，但是我怎样才能把它放在屏幕上？横向视图的高度限制了可以查看的内容。你可以使用scollview。 【参考方案1】：

// try this way,hope this will help you...
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    android:layout_
    android:layout_
    android:background="#000000"
    android:orientation="vertical">

    <ScrollView
        android:layout_
        android:layout_
        android:layout_weight="1">
        <LinearLayout
            android:layout_
            android:layout_
            android:orientation="vertical">

            <com.google.android.gms.ads.AdView
                android:id="@+id/adView"
                android:layout_
                android:layout_
                android:gravity="center_vertical"
                ads:adUnitId="ca-app-pub-xxx/xxx"
                ads:adSize="SMART_BANNER"
                android:background="#E5E4E2"/>

            <ImageView
                android:id="@+id/sphereIcon"
                android:layout_
                android:layout_
                android:orientation="vertical"
                android:layout_gravity="center_horizontal"
                android:contentDescription="@string/magicBallDescr"
                android:src="@drawable/rsz_topkniga" />

            <TextView
                android:id="@+id/txtAnswer"
                android:layout_marginTop="10dp"
                android:layout_
                android:layout_
                android:textColor="#ed620b"
                android:orientation="vertical"
                android:gravity="center"
                android:typeface="sans"
                android:textSize="25sp"
                />

            <EditText
                android:id="@+id/txtQuestion"
                android:layout_marginTop="13dp"
                android:layout_
                android:layout_
                android:orientation="vertical"
                android:layout_gravity="center"
                android:hint="@string/textHint"
                android:inputType="textMultiLine"
                android:lines="6"
                android:background="#ffffff"/>

        </LinearLayout>
    </ScrollView>
    <Button
        android:id="@+id/btnAsk"
        android:layout_marginTop="10dp"
        android:layout_
        android:layout_
        android:background="#e5802d"
        android:text="@string/btnAskQ"
        android:paddingEnd="@dimen/activity_vertical_margin"
        android:layout_alignParentBottom="true"/>
</LinearLayout>

【讨论】：

上面写着：

Exception raised during rendering: ScrollView can host only one direct child Exception details are logged in Window &gt; Show View &gt; Error Log

"ScrollView" 仅包含一个子项，因此如果您在“ScrollView”中有更多子项，则必须将所有子项放在一个父布局中并将此父布局设置为“ScrollView”的子项【参考方案2】：

您可以在LinearLayout 之外使用scollview。这将允许LinearLayout 内的内容可滚动并因此可见。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 

xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:ads="http://schemas.android.com/apk/res-auto"
android:layout_
android:layout_
android:background="#000000"
android:orientation="vertical">
<ScrollView>
  <LinearLayout
android:layout_
android:layout_
android:orientation="vertical">

<com.google.android.gms.ads.AdView 
          android:id="@+id/adView"    
          android:layout_
          android:layout_
          android:gravity="center_vertical"
          ads:adUnitId="ca-app-pub-xxx/xxx"
          ads:adSize="SMART_BANNER"
          android:background="#E5E4E2"
/>

    <ImageView
    android:id="@+id/sphereIcon"
    android:layout_
    android:layout_
    android:orientation="vertical"
    android:layout_gravity="center_horizontal"
    android:contentDescription="@string/magicBallDescr"
    android:src="@drawable/rsz_topkniga" />

    <TextView 
        android:id="@+id/txtAnswer"
        android:layout_marginTop="10dp"
        android:layout_
        android:layout_
        android:textColor="#ed620b"
        android:orientation="vertical"
        android:gravity="center"
        android:typeface="sans"
        android:textSize="25sp"
    />

    <EditText
        android:id="@+id/txtQuestion"
        android:layout_marginTop="13dp"
        android:layout_
        android:layout_
        android:orientation="vertical"
        android:layout_gravity="center"
        android:hint="@string/textHint"
        android:inputType="textMultiLine"
        android:lines="6" 
        android:background="#ffffff"/>

    </LinearLayout>
</ScrollView>
    <Button 
        android:id="@+id/btnAsk"
        android:layout_marginTop="10dp"
        android:layout_
        android:layout_ 
        android:background="#e5802d"
        android:text="@string/btnAskQ"     
        android:paddingEnd="@dimen/activity_vertical_margin"  
        android:layout_alignParentBottom="true"    
     />
</RelativeLayout>

【讨论】：

【参考方案3】：

您只需将您的整个布局放在滚动视图下。编辑-

xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:ads="http://schemas.android.com/apk/res-auto"
android:layout_
android:layout_
android:background="#000000">

<com.google.android.gms.ads.AdView 
          android:id="@+id/adView"    
          android:layout_
          android:layout_
          android:gravity="center_vertical"
          ads:adUnitId="ca-app-pub-xxx/xxx"
          ads:adSize="SMART_BANNER"
          android:background="#E5E4E2"
/>

    <ImageView
    android:id="@+id/sphereIcon"
    android:layout_
    android:layout_
    android:orientation="vertical"
    android:layout_gravity="center_horizontal"
    android:contentDescription="@string/magicBallDescr"
    android:src="@drawable/rsz_topkniga" />

    <TextView 
        android:id="@+id/txtAnswer"
        android:layout_marginTop="10dp"
        android:layout_
        android:layout_
        android:textColor="#ed620b"
        android:orientation="vertical"
        android:gravity="center"
        android:typeface="sans"
        android:textSize="25sp"
    />

    <EditText
        android:id="@+id/txtQuestion"
        android:layout_marginTop="13dp"
        android:layout_
        android:layout_
        android:orientation="vertical"
        android:layout_gravity="center"
        android:hint="@string/textHint"
        android:inputType="textMultiLine"
        android:lines="6" 
        android:background="#ffffff"/>

android:paddingEnd="@dimen/activity_vertical_margin" android:layout_alignParentBottom="true" />

【讨论】：

【参考方案4】：

如果您想避免滚动视图，也许只是尝试将视图保留在您的按钮上方：

<LinearLayout
android:layout_
android:layout_
android:layout_above="@+id/btnAsk"
android:orientation="vertical">

【讨论】：

以上是关于我的应用在横向视图中搞砸了的主要内容，如果未能解决你的问题，请参考以下文章

Gradle 在 Android Studio 中搞砸了我的应用程序，如何修复？

HTML5 可拖动图像“选择”并在 Firefox 中搞砸了我的拖动 javascript

为啥大括号缩进在 Visual Studio 2015 中搞砸了？

Flowchart.js SVG 渲染在弹出窗口中搞砸了

UIPickerView 作为 inputView 在方向变化时搞砸了

为啥“.order（”created_at DESC“）”在Rspec中搞砸了“允许”？