小屏幕尺寸面临的问题

Posted

技术标签:

【中文标题】小屏幕尺寸面临的问题【英文标题】:Facing issue in small Screen sizes 【发布时间】:2020-12-10 16:15:08 【问题描述】:

大家好,小屏幕尺寸的我在edittext中遇到问题,它不清晰可见,但在大屏幕尺寸下显示良好This is a large screen image with 6inchThis is the error once with 5inch screen

在这里,我发布了一个没有的代码的 sn-p。我使用线性布局创建的表格,但在小屏幕中,它越来越隐藏我已经尝试制作高度来包装内容,但仍然无法解决

   <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_
    android:layout_
    android:background="@android:color/white"
    android:orientation="vertical">

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

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_
            android:layout_
            android:background="@color/colorPrimaryDark1"
            app:title="Work Details"
            app:titleTextColor="#fff" />
    </LinearLayout>

    <LinearLayout
        android:layout_
        android:layout_
        android:layout_margin="10dp"
        android:gravity="center"
        android:orientation="horizontal">

        <TextView
            android:layout_
            android:layout_
            android:text="Shramanand Tapsil for the Month: "
            android:textColor="#000"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/month121"
            android:layout_
            android:layout_
            android:text=" "
            android:textColor="#000"
            android:textSize="16sp"
            android:textStyle="bold" />
    </LinearLayout>

    <ScrollView
        android:layout_
        android:layout_
        android:fillViewport="true"
        android:orientation="vertical">


        <LinearLayout
            android:layout_
            android:layout_
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginBottom="100dp"
            android:background="@drawable/ic_down"
            android:orientation="vertical"
            android:weightSum="8.8">


            <LinearLayout
                android:layout_
                android:layout_
                android:layout_weight="1.2"
                android:orientation="horizontal"
                android:weightSum="4">

                <LinearLayout
                    android:layout_
                    android:layout_
                    android:layout_weight="1.6">

                    <TextView
                        android:layout_
                        android:layout_
                        android:text=""
                        android:textColor="@android:color/black"
                        android:textSize="14dp" />

                </LinearLayout>

                <View
                    android:layout_
                    android:layout_
                    android:layout_marginLeft="5dp"
                    android:layout_marginRight="5dp"
                    android:background="@android:color/black" />

                <LinearLayout
                    android:layout_
                    android:layout_
                    android:layout_weight=".8"
                    android:gravity="center">

                    <TextView
                        android:layout_
                        android:layout_
                        android:gravity="center"
                        android:text="Quantity"
                        android:textColor="@android:color/black"
                        android:textSize="15sp" />

                </LinearLayout>

                <View
                    android:layout_
                    android:layout_
                    android:layout_marginLeft="5dp"
                    android:layout_marginRight="5dp"
                    android:background="@android:color/black" />

                <LinearLayout
                    android:layout_
                    android:layout_
                    android:layout_weight=".9"
                    android:gravity="center">

                    <TextView
                        android:layout_
                        android:layout_
                        android:gravity="center"
                        android:text="Hour Multiplier"
                        android:textColor="@android:color/black"
                        android:textSize="15sp" />

                </LinearLayout>

                <View
                    android:layout_
                    android:layout_
                    android:layout_marginLeft="5dp"
                    android:layout_marginRight="5dp"
                    android:background="@android:color/black" />

                <LinearLayout
                    android:layout_
                    android:layout_
                    android:layout_weight=".7"
                    android:gravity="center">

                    <TextView
                        android:layout_
                        android:layout_
                        android:gravity="center"
                        android:text="Shramanand Hours"
                        android:textColor="@android:color/black"
                        android:textSize="15sp" />

                </LinearLayout>

            </LinearLayout>

            <View
                android:layout_
                android:layout_
                android:background="@android:color/black" />

            <LinearLayout
                android:layout_
                android:layout_
                android:layout_weight=".7"
                android:orientation="horizontal"
                android:weightSum="4">

                <LinearLayout
                    android:layout_
                    android:layout_
                    android:layout_weight="1.6"
                    android:gravity="center">

                    <TextView
                        android:layout_
                        android:layout_
                        android:gravity="center"
                        android:text="All 1 Day Paid activities  "
                        android:textColor="@android:color/black"
                        android:textSize="12sp" />

                </LinearLayout>

                <View
                    android:layout_
                    android:layout_
                    android:layout_marginLeft="5dp"
                    android:layout_marginRight="5dp"
                    android:background="@android:color/black" />

                <LinearLayout
                    android:layout_
                    android:layout_
                    android:layout_weight=".8"
                    android:gravity="center">

                    <EditText
                        android:id="@+id/edt1"
                        android:layout_
                        android:layout_
                        android:gravity="center"
                        android:hint="__"
                        android:inputType="number"
                        android:maxLength="3"
                        android:paddingLeft="8dp"
                        android:textColor="@android:color/black"
                        android:textCursorDrawable="@null"
                        android:textSize="13sp" />

                </LinearLayout>

                <View
                    android:layout_
                    android:layout_
                    android:layout_marginLeft="5dp"
                    android:layout_marginRight="5dp"
                    android:background="@android:color/black" />

                <LinearLayout
                    android:layout_
                    android:layout_
                    android:layout_weight=".9"
                    android:gravity="center">

                    <TextView
                        android:id="@+id/txtHours1"
                        android:layout_
                        android:layout_
                        android:text="x 6"
                        android:textColor="@android:color/black"
                        android:textSize="16sp" />

                </LinearLayout>
  <View
                android:layout_
                android:layout_
                android:background="@android:color/black" />


            <Button
                android:id="@+id/btnSubmit"
                android:layout_
                android:layout_
                android:layout_gravity="right|bottom"
                android:layout_marginLeft="30dp"
                android:layout_marginTop="10dp"
                android:layout_marginRight="30dp"
                android:layout_marginBottom="20dp"
                android:background="@drawable/rounded_corner_button_bg"
                android:text="Next"
                android:textColor="#fff" />


        </LinearLayout>

    </ScrollView>
</LinearLayout>

【问题讨论】:

【参考方案1】:

您可以尝试在第一行的水平LinearLayout 上设置wrap_content 高度,以便它适合内容,方法是:

            <LinearLayout
                android:layout_
                android:layout_
                android:layout_weight="1.2"
                android:orientation="horizontal"
                android:weightSum="4">

            <LinearLayout
                android:layout_
                android:layout_
                android:orientation="horizontal"
                android:weightSum="4">

【讨论】:

【参考方案2】:

这可能是因为您硬编码了文本大小并且它太大了。 我推荐这个库 (https://github.com/intuit/sdp) 来设置文本的大小。它将根据屏幕大小缩放您的文本大小。

【讨论】:

以上是关于小屏幕尺寸面临的问题的主要内容,如果未能解决你的问题,请参考以下文章

ios开发获得屏幕尺寸的一些小问题

如何让 Flutter 小部件适应不同的屏幕尺寸

微信小程序学习点滴《十二》:图片等比例缩放 获取屏幕尺寸图片尺寸 自适应

适用于不同屏幕尺寸的Android布局

微信小程序 rpx 尺寸单位详细介绍

针对不同屏幕尺寸在特定像素位置绘制小部件