android - 用户界面问题android-6ren

android - 用户界面问题android

转载作者：太空狗更新时间：2023-10-29 15:19:54

我正在制作 android UI(使用相对布局)，我需要在其中设置一个尺寸为 306 x 51 的横幅。我已将其设置为屏幕中心。它在一些安卓手机屏幕上显示得很好，但是当我在平板电脑上运行时，显示如下:

enter image description here

如图所示，左右两边留有空间。那我为此做了什么？

代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" 
    android:background="@drawable/page1_11"
    android:layout_height="fill_parent">


    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_01" android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <ImageView android:layout_height="wrap_content"
            android:layout_width="match_parent" android:src="@drawable/page1_1"
            android:id="@+id/imageView1" android:layout_alignParentLeft="true" />

        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="Shanesh COLORS App"
            android:textSize="13dp" android:textStyle="bold" android:textColor="#49515F"
            android:layout_centerInParent="true" />
    </RelativeLayout>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_below="@+id/login_rellay_01" android:id="@+id/login_rellay_02"
        android:layout_width="fill_parent" android:layout_height="wrap_content">
        <ImageView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:src="@drawable/page1_4"
            android:id="@+id/imageView1" android:layout_centerHorizontal="true" />

        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="SIGN IN"
            android:textSize="13dp" android:textStyle="bold" android:textColor="#FFFFFF"
            android:layout_centerInParent="true" />
        <Button android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:background="@drawable/page1_2"
            android:layout_centerVertical="true" android:layout_marginLeft="10dp" />
        <Button android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:background="@drawable/page1_3"
            android:layout_centerVertical="true" android:layout_marginRight="10dp"
            android:layout_alignParentRight="true" />


    </RelativeLayout>



    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_03" android:layout_below="@+id/login_rellay_02"
        android:layout_width="match_parent" android:layout_height="wrap_content">


        <ImageView android:layout_height="wrap_content"
            android:layout_width="match_parent" android:src="@drawable/page1_5"
            android:id="@+id/imgv_page1_5" android:layout_alignParentLeft="true" />
        <!-- <ImageView android:layout_height="wrap_content" android:layout_below="@+id/imgv_page1_5" 
            android:layout_marginTop="1dp" android:layout_width="match_parent" android:src="@drawable/page1_6" 
            android:id="@+id/imgv_page1_6" android:layout_alignParentLeft="true" /> -->
        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_03" android:layout_centerInParent="true"
            android:layout_below="@+id/login_rellay_02" android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:text="SIGN IN "
                android:textSize="13dp" android:id="@+id/login_txvx_dwbnr_1"
                android:textStyle="bold" android:textColor="#000000"
                android:layout_marginLeft="10dp" android:layout_centerVertical="true" />
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:text="with your "
                android:id="@+id/login_txvx_dwbnr_2" android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
                android:textSize="13dp" android:layout_centerVertical="true"
                android:textColor="#000000" />
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:text="Shanesh Colors"
                android:id="@+id/login_txvx_dwbnr_3" android:layout_toRightOf="@+id/login_txvx_dwbnr_2"
                android:textSize="13dp" android:textStyle="bold"
                android:layout_centerVertical="true" android:textColor="#000000" />
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:text=" App Account "
                android:id="@+id/login_txvx_dwbnr_4" android:layout_toRightOf="@+id/login_txvx_dwbnr_3"
                android:textSize="13dp" android:layout_centerVertical="true"
                android:textColor="#000000" />
        </RelativeLayout>
    </RelativeLayout>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_04" android:layout_marginTop="1dp"
        android:gravity="center" android:layout_below="@+id/login_rellay_03"
        android:layout_width="match_parent" android:layout_height="wrap_content">

        <ImageView android:layout_height="180dp"
            android:layout_width="306dp" android:background="#FFFFFF" android:id="@+id/imgv_page1_6"
            android:layout_centerInParent="true" />



        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_04" android:layout_width="match_parent"
            android:layout_height="wrap_content" android:gravity="center">
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:text="User Name:"
                android:id="@+id/login_txvx_dwbnr_5" android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
                android:textSize="11dp" android:layout_centerVertical="true"
                android:textColor="#49515F" />

            <EditText android:layout_height="40dp" android:layout_width="220dp"
                android:layout_marginTop="10dp" android:layout_toRightOf="@+id/login_txvx_dwbnr_5" />



        </RelativeLayout>

        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_05" android:layout_width="match_parent"
            android:layout_height="wrap_content" android:gravity="center"
            android:layout_below="@+id/login_rellay_04">
            <TextView android:layout_height="wrap_content"
                android:layout_width="wrap_content" 
                android:text=" Password:"
                android:id="@+id/login_txvx_dwbnr_5" 
                android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
                android:textSize="11dp" 
                android:layout_centerVertical="true"
                android:textColor="#49515F" />

            <EditText android:layout_height="40dp" android:layout_width="220dp"
                android:layout_alignParentTop="true" android:layout_marginTop="10dp"
                android:layout_toRightOf="@+id/login_txvx_dwbnr_5" />



        </RelativeLayout>

        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_06" 
            android:layout_marginTop="3dp"
            android:layout_height="wrap_content"
            android:gravity="center" 
            android:layout_below="@+id/login_rellay_05" 
            android:layout_width="match_parent">

            <TextView android:layout_height="wrap_content"
                      android:textColor="#000000"
                      android:text="No Account?"

                      android:textStyle="bold"
                      android:textSize="11dp" 
                      android:id="@+id/login_txvx_dwbnr_9" 

                      android:layout_width="wrap_content"/>

        <TextView android:text="Sign Up" 
          android:layout_height="wrap_content"
          android:layout_width="wrap_content" 
          android:id="@+id/login_txvx_signup_account" 
          android:textColor="#8891A2" 
          android:textStyle="bold" 
          android:layout_toRightOf="@+id/login_txvx_dwbnr_9"
          android:textSize="11dp" 
         /></RelativeLayout>
         <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_07" 

            android:layout_height="wrap_content"
            android:gravity="center_horizontal" 
            android:layout_below="@+id/login_rellay_06" 
            android:layout_width="match_parent">

         <CheckBox android:layout_height="wrap_content"
                android:id="@+id/checkBox1"
                android:layout_below="@+id/login_txvx_signup_account"
                android:layout_width="wrap_content" 
                android:textColor="#49515F" 
                android:textSize="11dp"
                android:layout_marginLeft="10dp"
                android:text=" Remember User Name and Password?" 
          />

          </RelativeLayout>





    </RelativeLayout>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/login_rellay_08" 

            android:layout_height="wrap_content"
            android:gravity="center_horizontal" 
            android:layout_marginTop="60dp"
            android:layout_below="@+id/login_rellay_04" 
            android:layout_width="match_parent">

          <ImageView android:layout_height="wrap_content"
                     android:layout_width="wrap_content"
                     android:src="@drawable/page1_8"
                     />
          </RelativeLayout>
</RelativeLayout>

最佳答案

@zam664 是对的……你永远不应该为布局使用固定宽度。尝试通过填充、边距等来管理它们。

也可以使用 LinearLayout 来管理非固定宽度的水平子项。

无论如何...我稍微修改了您的 xml...我无法对其进行全面测试，因为我没有您在其中使用的图像/资源...但请尝试一下。

将整个 xml 替换为以下内容。 ...

注意:a 刚刚对其进行了一些更改，以便让您了解......如果可行，您应该进一步修改它

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" 
android:background="@drawable/page1_11"
android:layout_height="fill_parent">


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/login_rellay_01" android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView android:layout_height="wrap_content"
        android:layout_width="match_parent" android:src="@drawable/page1_1"
        android:id="@+id/imageView1" android:layout_alignParentLeft="true" />

    <TextView android:layout_height="wrap_content"
        android:layout_width="wrap_content" android:text="Shanesh COLORS App"
        android:textSize="13dp" android:textStyle="bold" android:textColor="#49515F"
        android:layout_centerInParent="true" />
</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_below="@+id/login_rellay_01" android:id="@+id/login_rellay_02"
    android:layout_width="fill_parent" android:layout_height="wrap_content">
    <ImageView android:layout_height="wrap_content"
        android:layout_width="fill_parent" android:src="@drawable/page1_4"
        android:id="@+id/imageView1" android:layout_centerHorizontal="true" />

    <TextView android:layout_height="wrap_content"
        android:layout_width="wrap_content" android:text="SIGN IN"
        android:textSize="13dp" android:textStyle="bold" android:textColor="#FFFFFF"
        android:layout_centerInParent="true" />
    <Button android:layout_height="wrap_content"
        android:layout_width="wrap_content" android:background="@drawable/page1_2"
        android:layout_centerVertical="true" android:layout_marginLeft="10dp" />
    <Button android:layout_height="wrap_content"
        android:layout_width="wrap_content" android:background="@drawable/page1_3"
        android:layout_centerVertical="true" android:layout_marginRight="10dp"
        android:layout_alignParentRight="true" />


</RelativeLayout>



<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/login_rellay_03" android:layout_below="@+id/login_rellay_02"
    android:layout_width="match_parent" android:layout_height="wrap_content">


    <ImageView android:layout_height="wrap_content"
        android:layout_width="match_parent" android:src="@drawable/page1_5"
        android:id="@+id/imgv_page1_5" android:layout_alignParentLeft="true" />
    <!-- <ImageView android:layout_height="wrap_content" android:layout_below="@+id/imgv_page1_5" 
        android:layout_marginTop="1dp" android:layout_width="match_parent" android:src="@drawable/page1_6" 
        android:id="@+id/imgv_page1_6" android:layout_alignParentLeft="true" /> -->
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_03" android:layout_centerInParent="true"
        android:layout_below="@+id/login_rellay_02" android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="SIGN IN "
            android:textSize="13dp" android:id="@+id/login_txvx_dwbnr_1"
            android:textStyle="bold" android:textColor="#000000"
            android:layout_marginLeft="10dp" android:layout_centerVertical="true" />
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="with your "
            android:id="@+id/login_txvx_dwbnr_2" android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
            android:textSize="13dp" android:layout_centerVertical="true"
            android:textColor="#000000" />
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="Shanesh Colors"
            android:id="@+id/login_txvx_dwbnr_3" android:layout_toRightOf="@+id/login_txvx_dwbnr_2"
            android:textSize="13dp" android:textStyle="bold"
            android:layout_centerVertical="true" android:textColor="#000000" />
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text=" App Account "
            android:id="@+id/login_txvx_dwbnr_4" android:layout_toRightOf="@+id/login_txvx_dwbnr_3"
            android:textSize="13dp" android:layout_centerVertical="true"
            android:textColor="#000000" />
    </RelativeLayout>
</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/login_rellay_04" android:layout_marginTop="1dp"
    android:gravity="center" android:layout_below="@+id/login_rellay_03"
    android:layout_width="match_parent" android:layout_height="wrap_content">

    <ImageView android:layout_height="fill_parent"
        android:layout_width="fill_parent" android:background="#FFFFFF" android:id="@+id/imgv_page1_6"
        android:layout_centerInParent="true" />



    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_04" android:layout_width="match_parent"
        android:layout_height="wrap_content" android:orientation="horizontal" 
        android:paddingLeft="10dp" android:paddingRight="10dp">
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" android:text="User Name:"
            android:id="@+id/login_txvx_dwbnr_5" android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
            android:textSize="11dp" android:layout_centerVertical="true"
            android:textColor="#49515F" />

        <EditText android:layout_height="40dp" android:layout_width="fill_parent" android:layout_weight="1"
            android:layout_marginTop="10dp" android:layout_marginLeft="10dp"/>



    </LinearLayout>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_05" android:layout_width="match_parent"
        android:layout_height="wrap_content" android:orientation="horizontal"
        android:paddingLeft="10dp" android:paddingRight="10dp"
        android:layout_below="@+id/login_rellay_04">
        <TextView android:layout_height="wrap_content"
            android:layout_width="wrap_content" 
            android:text=" Password:"
            android:id="@+id/login_txvx_dwbnr_5" 
            android:layout_toRightOf="@+id/login_txvx_dwbnr_1"
            android:textSize="11dp" 
            android:layout_centerVertical="true"
            android:textColor="#49515F" />

        <EditText android:layout_height="40dp" android:layout_width="fill_parent"  android:layout_weight="1"
            android:layout_alignParentTop="true" android:layout_marginLeft="10dp"
            android:layout_toRightOf="@+id/login_txvx_dwbnr_5" />



    </LinearLayout>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_06" 
        android:layout_marginTop="3dp"
        android:layout_height="wrap_content"
        android:gravity="center" 
        android:layout_below="@+id/login_rellay_05" 
        android:layout_width="match_parent">

        <TextView android:layout_height="wrap_content"
                  android:textColor="#000000"
                  android:text="No Account?"

                  android:textStyle="bold"
                  android:textSize="11dp" 
                  android:id="@+id/login_txvx_dwbnr_9" 

                  android:layout_width="wrap_content"/>

    <TextView android:text="Sign Up" 
      android:layout_height="wrap_content"
      android:layout_width="wrap_content" 
      android:id="@+id/login_txvx_signup_account" 
      android:textColor="#8891A2" 
      android:textStyle="bold" 
      android:layout_toRightOf="@+id/login_txvx_dwbnr_9"
      android:textSize="11dp" 
     /></RelativeLayout>
     <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_07" 

        android:layout_height="wrap_content"
        android:gravity="center_horizontal" 
        android:layout_below="@+id/login_rellay_06" 
        android:layout_width="match_parent">

     <CheckBox android:layout_height="wrap_content"
            android:id="@+id/checkBox1"
            android:layout_below="@+id/login_txvx_signup_account"
            android:layout_width="wrap_content" 
            android:textColor="#49515F" 
            android:textSize="11dp"
            android:layout_marginLeft="10dp"
            android:text=" Remember User Name and Password?" 
      />

      </RelativeLayout>





</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/login_rellay_08" 

        android:layout_height="wrap_content"
        android:gravity="center_horizontal" 
        android:layout_marginTop="60dp"
        android:layout_below="@+id/login_rellay_04" 
        android:layout_width="match_parent">

      <ImageView android:layout_height="wrap_content"
                 android:layout_width="wrap_content"
                 android:src="@drawable/page1_8"
                 />
      </RelativeLayout>

关于android - 用户界面问题android，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8951196/

文章推荐： c - 警告 : assignment from incompatible pointer type

文章推荐： java - 修复 Google API task-android-sample 的内存不足错误

Kubernetes 用户界面
我正在阅读 Youtube 上的 Kubernetes 教程，发现以下 UI 演示了 Kubernetes 集群的 pod 和服务安排。如何在我的 Kubernetes 设置中安装此 UI？最佳答案
Jquery 用户界面 $([])
这只是一个快速的(我希望)。我最近访问了 jquery ui 对话框页面，查看在对话框中使用表单 http://jqueryui.com/dialog/#modal-form我注意到一些我以前没有见
C# 用户界面
就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放，visit
Java 用户界面
我想用 Java 为一个程序创建一个用户界面，让用户能够构建一棵节点树，每个节点执行一项特定的任务。该程序的界面与 Softimage Ice 非常相似，您可以通过单击 http://vimeo.co
swift - 如何将我的按钮定位到屏幕底部？用户界面
下面是我在 SwiftUI 中创建 View 的代码。我要定位我的欢迎按钮到屏幕底部，如下所示。 struct welcomeViewControllerView: View { va
Swift - 如何在笔记应用程序中的文本编辑器中获取文本格式？用户界面
我目前有一个文本编辑器，我希望能够像这样在笔记应用程序中添加文本格式: 我试过 UITextView.allowsEditingTextAttributes = true但它似乎没有用。任何想法将不
php - Hadoop用例-用户界面
我不知道如何使用HDFS连接我的网站(我什至不确定是否有可能)。我的网站基于PHP。我想存储有人点击我的网站的区域，如何将我的PHP与HDFS连接起来？是否涉及任何插件？如果我希望这些信息被实时存
Javascript + MVC + 用户界面
我正在寻找用 javascript 编程的新方法。我的目标是创建像 GMail 这样的 javascript 应用程序。我试过 GWT，但它接缝太复杂，而且代码也不时尚。我发现 MVC 模式是一种很
ios - 如何比较两个线性梯度？用户界面
我有多个渐变作为我的应用程序的主题。当渐变(存储在变量中)是特定的时，我想要一个 bool 值变为真。但是，我不断收到错误消息: "Binary operator '==' cannot be app
Android 用户界面 ListView
我有一个有很多类别的测验应用程序: 类别 1 列出第 1 项列出第 2 项类别 3 第 4 类第 5 类列出第 1 项列出第 2 项列出第 3 项所以类别要么是指一般的不可选择的类别，即
javascript - 禁用自动完成的自动选择 |用户界面
如果我单击仅搜索“2018”的搜索按钮，但如果我在搜索“2018 歌曲”的电脑上按回车按钮，我想搜索“2018”，如果我在电脑上按回车按钮，我怎么能使用 Autocomplete | jQuery U
Python 用户界面 - 自定义
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，
没有按钮的 Android 用户界面？
我正在尝试为患有轻度认知障碍的祖母创建一个安卓平板电脑应用程序。该应用程序的功能之一是智能调度程序/提醒。例如:该应用程序会说“您服用红色药丸了吗？”是或否。如果没有或没有回复，则会向我的手机发送一条
适用于多个设备的 Android 用户界面
有没有办法确保我的 Android UI 在不同手机上按预期显示？最佳答案遍历 developers guide on supporting multiple screens .它为您提供有关该主
iphone - iOS 用户界面
我正在为 iPad 和 iPhone 创建一个通用应用程序。我有一个 UITextField，我希望用户在其中输入歌曲的名称或在他们的 iTunes 库中找到的任何声音媒体文件。我的问题不是关于查询图
javascript - 拖动后如何删除对象？用户界面
这个问题在这里已经有了答案: Making a Chess Game with jQuery UI. I have used Draggable, but i need to make them n
javascript - 用户界面 - 内联帮助覆盖
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭 4 年前。
ios - 从选择器中获取选定的项目 | swift 用户界面
我想从选择器中获取所选项目以更新 Firebase 数据库中的一些数据，但是当我使用 onTapGesture 时不起作用注意:选择器中的项目是字符串我的代码: Picke
swiftui - 使用异步函数初始化应用 | swift 用户界面
我需要我的应用程序在启动时配置后端，这是执行此操作的函数: // Initializes Amplify final func configureAmplify() async { do {
JSF 用户界面 :include downside
我有这个 Web 应用程序，其中一个模块使用了过多的 ui:include。前任。页面 1.0 包括 --> page1.1 包括页面 2.0 包括 --> 页面 2.1 页面 1.0 包括 --

太空狗

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

android - 用户界面问题android