2017-05-03 22 views
0

アンドロイドスタジオから始めて、制約レイアウトで私を殴ってしまいました。最初は私は....助けていた...それはそれの後にそれは非常にいいと思われ、少し読んだ後、それについて私は試してみるべきだと感じた。 今私は自分のデザインをして、私の電話でそれを実行しようとすると、私は異なるレイアウトを持っている必要があります。制約レイアウトが間違っていて、デバイス上でテキストビューを間違って配置しました

私はアンドロイド7.0でlg5を使用しています。また、アンドロイド7.1/7.0でlg5の仕様の仮想デバイスを追加しましたが、正しく動作するようです。

私はグーグルを探してみましたが、答えが見つからず、ヒントが見つかりませんでした。 私はreddit android-devでヘルプを尋ねましたが、いずれか分かりません。それ以外の場合は相対レイアウトを使用する必要があります。しかし、まず私が間違っていることを知りたい。

誰かが私に何か不足しているのを手伝ってもらえませんでしたか、間違っていましたか?

「アカウントはまだありませんか?」というボタンとフィールドは機能していて、隠れている(目に見えない)ようです。それでも私は、将来的にするために学ぶことができる誰かが私が間違っていたものを見る望ん:)

ここ

編集は私の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:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context="com.cyberdog.mtgcollection.Login"> 


<EditText 
    android:id="@+id/etvLoginNameDCI" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:ems="10" 
    android:hint="Name/DCI Number" 
    android:inputType="textPersonName" 
    android:layout_marginLeft="8dp" 
    app:layout_constraintLeft_toLeftOf="parent" 
    android:layout_marginRight="8dp" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintHorizontal_bias="0.500" 
    android:layout_marginBottom="8dp" 
    app:layout_constraintBottom_toTopOf="@+id/etvLoginPassword" 
    app:layout_constraintTop_toTopOf="parent" 
    android:layout_marginTop="16dp" 
    app:layout_constraintVertical_bias="1.0" /> 

<EditText 
    android:id="@+id/etvLoginPassword" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:ems="10" 
    android:hint="Password" 
    android:inputType="textPassword" 
    android:layout_marginRight="8dp" 
    app:layout_constraintRight_toRightOf="parent" 
    android:layout_marginLeft="8dp" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintHorizontal_bias="0.500" 
    android:layout_marginBottom="8dp" 
    app:layout_constraintBottom_toTopOf="@+id/cbLoginRememberMe" /> 

<CheckBox 
    android:id="@+id/cbLoginRememberMe" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:checked="false" 
    android:text="Remeber me" 
    android:textSize="10sp" 
    android:layout_marginBottom="45dp" 
    app:layout_constraintBottom_toTopOf="@+id/btnLoginLogin" 
    android:layout_marginRight="8dp" 
    app:layout_constraintRight_toRightOf="parent" 
    android:layout_marginLeft="8dp" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintHorizontal_bias="0.328" /> 

<Button 
    android:id="@+id/btnLoginLogin" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_marginEnd="8dp" 
    android:layout_marginLeft="8dp" 
    android:layout_marginRight="8dp" 
    android:layout_marginStart="8dp" 
    android:text="Log in" 
    app:layout_constraintHorizontal_bias="0.0" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    tools:layout_constraintBottom_creator="1" 
    tools:layout_constraintLeft_creator="1" 
    tools:layout_constraintRight_creator="1" 
    android:layout_marginBottom="89dp" 
    app:layout_constraintBottom_toTopOf="@+id/tvRegisterAlreadyRegister" /> 


<TextView 
    android:id="@+id/tvRegisterAlreadyRegister" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:clickable="true" 
    android:text="Dont have a n account yet?" 
    android:textAllCaps="false" 
    android:textColor="@android:color/holo_blue_bright" 
    android:textSize="18sp" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    tools:layout_constraintLeft_creator="1" 
    tools:layout_constraintRight_creator="1" 
    tools:layout_constraintTop_creator="1" 
    android:layout_marginRight="8dp" 
    android:layout_marginLeft="8dp" 
    android:layout_marginBottom="8dp" 
    app:layout_constraintBottom_toTopOf="@+id/etvRegisterNameDCI" /> 

<EditText 
    android:id="@+id/etvRegisterNameDCI" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginBottom="11dp" 
    android:layout_marginLeft="8dp" 
    android:layout_marginRight="8dp" 
    android:ems="10" 
    android:hint="Name/DCI" 
    android:inputType="textPersonName" 
    android:visibility="invisible" 
    app:layout_constraintBottom_toTopOf="@+id/etvRegisterEmail" 
    app:layout_constraintHorizontal_bias="0.503" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" /> 

<EditText 
    android:id="@+id/etvRegisterEmail" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginBottom="15dp" 
    android:layout_marginLeft="8dp" 
    android:layout_marginRight="8dp" 
    android:ems="10" 
    android:hint="Email" 
    android:inputType="textEmailAddress" 
    android:visibility="invisible" 
    app:layout_constraintBottom_toTopOf="@+id/etvRegisterPassword" 
    app:layout_constraintHorizontal_bias="0.503" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" /> 

<EditText 
    android:id="@+id/etvRegisterPassword" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginBottom="14dp" 
    android:ems="10" 
    android:hint="Password" 
    android:inputType="textPassword" 
    android:visibility="invisible" 
    app:layout_constraintBottom_toTopOf="@+id/btnRegisterRegister" 
    android:layout_marginLeft="8dp" 
    app:layout_constraintLeft_toLeftOf="parent" 
    android:layout_marginRight="8dp" 
    app:layout_constraintRight_toRightOf="parent" /> 

<Button 
    android:id="@+id/btnRegisterRegister" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Register" 
    android:visibility="invisible" 
    tools:layout_constraintLeft_creator="1" 
    tools:layout_constraintRight_creator="1" 
    tools:layout_constraintTop_creator="1" 
    android:layout_marginLeft="8dp" 
    app:layout_constraintLeft_toLeftOf="parent" 
    android:layout_marginRight="8dp" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintBottom_toBottomOf="parent" 
    android:layout_marginBottom="42dp" /> 



</android.support.constraint.ConstraintLayout> 

How it looks on phone

the design layout

+0

@Rotwang isnt android studio thing?私は制約がアンドロイドスタジオのために特別に作られたと信じていますか? – cc2k

+1

いいえ** Android **用です。 Android Studioは** IDE **です。 **無関係**です。 –

答えて

0

問題は、あなたがあなたの意見をvisibility="invisible" whiで隠していることですchはスペースをとり、あなたの視点をスクリーンの外に押し上げます。 visibility="gone"を試してみてください。

+0

なぜそれがビューから外に出るのですか?あなたは彼らがどのように配置されているかを見ることができ、彼らは十分な部屋とテキストビューの下にあります。それで彼らはどうやってそれらを画面から押し出すことができますか? – cc2k

+0

いつでも表示されるように変更して、実際に画面上でどのようにスペースを取っているかを確認できます。 DPI /フォントサイズは、プレビュー画面と実際のデバイスで大きく異なるようです。 –

+0

これはそうではありませんでした。私はscrenが同じであるが、それらのビューが見えると思ったように。まだそれを見てくれてありがとう:) – cc2k