2016-12-15 88 views
0

调试我的程序并在手机上运行后,我的手机无法准确显示我在Android Studio上设计的内容。当使用相对布局时,现在当我切换到约束布局时,它会显示查找。问题发生。手机无法显示android应用程序显示在Android Studio中当调试

图1是在Android Studio和图2把我的应用程序的设计意图的快照是从我的手机本身

Intended Design (Fig 1) Outcome image (Fig 2)

XML代码

采取的申请结果
<?xml version="1.0" encoding="utf-8"?> 
<android.support.constraint.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:id="@+id/activity_main" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context="com.example.jasonkym.safstrengthcounter.MainActivity" 
android:background="@android:color/background_dark"> 

<TextView 
    android:text="No. of blank files:" 
    android:layout_width="84dp" 
    android:layout_height="41dp" 
    android:id="@+id/tvtNoOfBlankFiles" 
    android:textStyle="normal|bold" 
    android:textColor="@android:color/holo_orange_light" 
    tools:layout_editor_absoluteY="160dp" 
    tools:layout_editor_absoluteX="25dp" /> 

<EditText 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:inputType="number" 
    android:ems="10" 
    android:id="@+id/etxNoOfBlankFiles" 
    android:textColor="@android:color/holo_green_dark" 
    android:text="0" 
    android:textStyle="normal|bold|italic" 
    tools:layout_editor_absoluteY="158dp" 
    tools:layout_editor_absoluteX="117dp" /> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/tvtResults" 
    android:textSize="24sp" 
    android:textStyle="normal|bold" 
    android:textColor="@android:color/holo_blue_bright" 
    tools:layout_editor_absoluteX="121dp" 
    tools:layout_editor_absoluteY="415dp" /> 

<TextView 
    android:text="No. of people per column:" 
    android:layout_width="88dp" 
    android:layout_height="43dp" 
    android:id="@+id/tvtNoOfPeoplePerRow" 
    android:textStyle="normal|bold" 
    android:textColor="@android:color/holo_orange_light" 
    tools:layout_editor_absoluteX="25dp" 
    tools:layout_editor_absoluteY="234dp" /> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="SAF Strength Counter" 
    android:id="@+id/tvtStrengthCounterLabel" 
    android:textStyle="normal|bold" 
    android:textSize="30sp" 
    android:textColor="@android:color/holo_red_dark" 
    tools:layout_editor_absoluteX="35dp" 
    tools:layout_editor_absoluteY="32dp" /> 

<TextView 
    android:text="Made by PTE Koh Yi Min Jason" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/tvtMadebyKohYiMinJason" 
    tools:layout_editor_absoluteY="478dp" 
    tools:layout_editor_absoluteX="84dp" /> 

<TextView 
    android:text="No. of people behind:" 
    android:layout_width="87dp" 
    android:layout_height="44dp" 
    android:id="@+id/tvtNoOfPeopleBehind" 
    android:textStyle="normal|bold" 
    android:textColor="@android:color/holo_orange_light" 
    tools:layout_editor_absoluteX="23dp" 
    tools:layout_editor_absoluteY="314dp" /> 

<EditText 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:inputType="number" 
    android:ems="10" 
    android:id="@+id/etxNoOfPeopleBehind" 
    android:textStyle="normal|bold|italic" 
    android:text="0" 
    android:textColor="@android:color/holo_green_dark" 
    tools:layout_editor_absoluteY="315dp" 
    tools:layout_editor_absoluteX="118dp" /> 

<TextView 
    android:text="No. of column:" 
    android:layout_width="82dp" 
    android:layout_height="43dp" 
    android:id="@+id/tvtNumberOfRows" 
    android:textStyle="normal|bold" 
    android:textColor="@android:color/holo_orange_light" 
    tools:layout_editor_absoluteX="27dp" 
    tools:layout_editor_absoluteY="91dp" /> 

<Button 
    android:text="Calculate" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/btnCalculate" 
    tools:layout_editor_absoluteY="407dp" 
    tools:layout_editor_absoluteX="236dp" /> 

<TextView 
    android:text="Result:" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/tvtResultsLabel" 
    android:textSize="24sp" 
    android:textStyle="normal|bold" 
    android:textColor="@android:color/holo_orange_light" 
    tools:layout_editor_absoluteY="415dp" 
    tools:layout_editor_absoluteX="26dp" /> 

<EditText 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:inputType="number" 
    android:ems="10" 
    android:id="@+id/etxNoOfRows" 
    android:textColor="@android:color/holo_green_dark" 
    android:text="0" 
    android:textStyle="normal|bold|italic" 
    tools:layout_editor_absoluteY="91dp" 
    tools:layout_editor_absoluteX="115dp" /> 

<EditText 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:inputType="number" 
    android:ems="10" 
    android:id="@+id/etxNoOfPeoplePerRow" 
    android:textColor="@android:color/holo_green_dark" 
    android:text="0" 
    android:textStyle="normal|bold|italic" 
    tools:layout_editor_absoluteY="234dp" 
    tools:layout_editor_absoluteX="121dp" /> 


</android.support.constraint.ConstraintLayout> 

回答

0

我觉得首先你必须采取的相对和约束布局的想法,然后开始改变你的代码。下面给出的链接将帮助您:

Differences between ConstraintLayout and RelativeLayout

+0

图1中的屏幕截图是ConstraintLayout中应用程序的预期设计。不应该我的手机显示与我在工作室设计的内容完全一样,无论它是以相对还是约束布局设计?我是否必须为约束布局添加更多行代码才能使其显示在工作室中?我觉得是这样的,因为看起来我的所有EditText和TextView都在屏幕的左上角,我必须输入一行或两行代码才能将Widget和TextView放置在预期的位置。 –

+0

给我你的xml代码。 –

0

我希望这是帮助you.`

<Button 
    android:id="@+id/btn_search_back" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:background="@color/color_green" 
    android:elevation="@dimen/card_elivation" 
    android:text="@string/back" 
    android:textColor="@color/color_white" 
    android:textStyle="bold" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" /> 

<ScrollView 
    android:id="@+id/layout_show_response" 
    android:layout_width="0dp" 
    android:layout_height="0dp" 
    app:layout_constraintTop_toTopOf="parent" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintBottom_toTopOf="@+id/btn_search_back"> 
    <android.support.constraint.ConstraintLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <android.support.v7.widget.CardView 
      android:id="@+id/cv_search_for" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_margin="@dimen/margin_medium" 
      app:layout_constraintLeft_toLeftOf="parent" 
      app:layout_constraintRight_toRightOf="parent" 
      app:layout_constraintTop_toTopOf="parent" 
      card_view:cardBackgroundColor="@color/color_simple_gray"> 

      <android.support.constraint.ConstraintLayout 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 

       <TextView 
        android:id="@+id/textView" 
        style="@style/dialog_text_view" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:text="@string/you_ask_for" 
        android:textAllCaps="true" 
        android:textColor="@color/color_black" 
        android:textStyle="bold" 
        tools:layout_editor_absoluteY="40dp" 
        tools:layout_editor_absoluteX="15dp" /> 

       <TextView 
        android:id="@+id/lbl_ask_for" 
        style="@style/dialog_text_view" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:paddingBottom="@dimen/view_padding_extra_small" 
        android:text="Ask For" 
        android:textColor="@color/color_darker_gray" 
        app:layout_constraintTop_toBottomOf="@+id/textView" 
        tools:layout_editor_absoluteX="15dp" /> 

      </android.support.constraint.ConstraintLayout> 
     </android.support.v7.widget.CardView> 

     <android.support.v7.widget.CardView 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_margin="@dimen/margin_medium" 
      app:layout_constraintLeft_toLeftOf="parent" 
      app:layout_constraintRight_toRightOf="parent" 
      app:layout_constraintTop_toBottomOf="@+id/cv_search_for" 
      card_view:cardBackgroundColor="@color/color_simple_gray"> 

      <android.support.constraint.ConstraintLayout 
       android:id="@+id/cl_result" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 

       <TextView 
        android:id="@+id/textView2" 
        style="@style/dialog_text_view" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="@string/result" 
        android:textAllCaps="true" 
        android:textColor="@color/color_black" 
        android:textStyle="bold" /> 

       <TextView 
        android:id="@+id/lbl_reply" 
        style="@style/dialog_text_view" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:paddingBottom="@dimen/view_padding_extra_small" 
        android:text="Result" 
        app:layout_constraintTop_toBottomOf="@+id/textView2" 
        android:textColor="@color/color_darker_gray" /> 

       <LinearLayout 
        android:id="@+id/layout_img" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:gravity="center" 
        app:layout_constraintTop_toBottomOf="@+id/lbl_reply" 
        app:layout_constraintLeft_toLeftOf="parent" 
        app:layout_constraintRight_toRightOf="parent" 
        android:visibility="gone" 
        android:orientation="horizontal"> 

        <ImageView 
         android:id="@+id/iv_show_img" 
         android:layout_width="@dimen/layout_width_medium" 
         android:layout_height="@dimen/layout_height_medium" 
         android:layout_gravity="center" 
         android:layout_margin="@dimen/view_margin_nano" 
         android:background="@mipmap/iv_pasted_icon" /> 

        <ImageView 
         android:id="@+id/iv_show_img_icon" 
         android:layout_width="@dimen/layout_width_medium" 
         android:layout_height="@dimen/layout_height_medium" 
         android:layout_gravity="center" 
         android:layout_margin="@dimen/view_margin_nano" 
         android:background="@mipmap/iv_pasted_img" /> 
       </LinearLayout> 


      </android.support.constraint.ConstraintLayout> 
     </android.support.v7.widget.CardView> 
    </android.support.constraint.ConstraintLayout> 


    </ScrollView> 

`

0

我已经解决了问题。使用ConstraintLayout时需要添加约束。它不会像Studio中显示的那样显示而没有限制。

我可以问有没有我可以在那里我设计一个表单应用程序只需拖放就在窗口的Visual Studio设计的应用程序,并没有添加任何约束的方法吗?有没有可以让我这样做的布局?

相关问题