2016-12-15 22 views
0

プログラムをデバッグして携帯電話で実行すると、Androidスタジオでデザインしたものが携帯電話に表示されません。相対レイアウトを使用する場合、制約レイアウトに切り替えると、これが表示されます。問題が発生します。デバッグ時にAndroid StudioでAndroidアプリケーションを表示できない電話機

図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を使用する場合は、制約を追加する必要があります。制約なしにスタジオに表示されるので表示されません。

フォームビジュアルスタジオでアプリケーションを設計する方法はありますか?ドラッグアンドドロップだけでフォームアプリケーションを設計していますが、制約を追加する必要はありませんか?おそらく私がそれを可能にするレイアウトはありますか?

関連する問題