【xml , android】コントロールが重なってしまう

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 670

pecchan

score 267

Android Studio3.1.3
Windows7 pro
にて初めてAndroidアプリを勉強してます。

書籍の例題「じゃけんアプリ」を作成しましたが、タイトル(TextView)と、結果を表示する部分が重なってしまいます。

イメージ説明

気になる点として、
dimen.xmlだけ書籍に一切解説がなく、サンプルコードもありませんでした。
なのでネットの情報を参考に作り配置しました。
書籍は、Android Studio2.1対応とあります

書籍の通りメッセージが表示されるよう配置したいです。
分かるかた宜しくお願い致します。

app\src\main\res\layout\activity_main.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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/title_janken"
        android:textAppearance="@android:style/TextAppearance.Large"
        android:id="@+id/titleTextView" />


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_showsign"
        android:id="@+id/showResultButton"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:textAppearance="@android:style/TextAppearance.Large"
        android:nestedScrollingEnabled="false"
        android:onClick="onDuel" />

    <RadioGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:layout_editor_absoluteX="137dp" />

    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/resultTextView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="60dp"
        android:layout_marginBottom="100dp"
        android:orientation="horizontal"
        android:id="@+id/gooChokiPaaGroup">

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/goo"
            android:id="@+id/radioGoo"
            android:textAppearance="@android:style/TextAppearance.Medium"
            android:layout_marginRight="4dp" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/choki"
            android:id="@+id/radioChoki"
            android:textAppearance="@android:style/TextAppearance.Medium"
            android:layout_marginRight="4dp" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/paa"
            android:id="@+id/radioPaa"
            android:textAppearance="@android:style/TextAppearance.Medium"/>
    </RadioGroup>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="@string/start_janken"
        android:id="@+id/resultTextView"
        android:layout_above="@+id/showResultButton"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="20dp" />

</android.support.constraint.ConstraintLayout>

app\src\main\res\values\dimen.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <dimen name="activity_horizontal_margin">25sp</dimen>
    <dimen name="activity_vertical_margin">14sp</dimen>

</resources>

app\src\main\res\values\strings.xml

<resources>
    <string name="app_name">Janken</string>
    <string name="title_janken">じゃんけんゲーム</string>
    <string name="button_showsign">ポン</string>

    <string name="goo">グー</string>
    <string name="choki">チョキ</string>
    <string name="paa">パー</string>
    <string name="start_janken">じゃんけん・・・</string>
</resources>

app\src\main\java\com\example\administrator\janken\MainActivity.java

package com.example.administrator.janken;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;
import android.widget.RadioButton;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private RadioButton radioGoo;
    private RadioButton radioChoki;
    private RadioButton radioPaa;

    private TextView resultTextView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        radioGoo = (RadioButton)findViewById(R.id.radioGoo);
        radioChoki = (RadioButton)findViewById(R.id.radioChoki);
        radioPaa =(RadioButton)findViewById(R.id.radioPaa);
        resultTextView =(TextView) findViewById(R.id.resultTextView);
    }

    public void onDuel(View view){
        String resultString = "残念でした";

        if(radioGoo.isChecked()){
            resultString = "引き分け";
        }else if(radioPaa.isChecked()){
            resultString = "You Win!";
        }

        resultTextView.setText(resultString);
        Toast.makeText(this, "私はグーです", Toast.LENGTH_SHORT).show();
    }
}
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

check解決した方法

0

一行だけ例題と違う記載でした。

app\src\main\res\layout\activity_main.xml
の1行目の出だしが
<android.support.constraint.ConstraintLayout
ではなく、
<RelativeLayout
でした。

すいません。お騒がせしました。

有難う御座いました。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.21%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる