質問をすることでしか得られない、回答やアドバイスがある。

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

ただいまの
回答率

90.00%

レイアウトを動的に生成したい。

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 4,959

bizkit.kit

score 28

レイアウトxmlを使用せずに、アプリを作成しようと考えています。


まず、最初に以下の様なレイアウトxmlを使ってアプリを作りました。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
    android:weightSum="1"
    android:orientation="vertical">

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="0">

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="match_parent">

            <EditText
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/editText" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/display"
                android:id="@+id/displayButton"
                android:layout_column="1" />
        </TableRow>

    </TableLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textView"
        android:layout_marginTop="60dp"
        android:textColor="#ff0000"
        android:text="ここに表示されます。" />
</LinearLayout>

テキスト入力域、ボタン、テキスト表示域があり、テキスト入力域に入力された文字列が、
ボタンを押すとテキスト表示域に赤文字で表示されるという簡単なアプリです。


次に、レイアウトxmlを使わずに同じアプリを実装してみました。
以下の様なプログラムを考えました。

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // レイアウトxmlを使わずに、プログラムで組み立てる。
        // setContentView(R.layout.activity_main);
        LinearLayout linearLayout = new LinearLayout(this);
        // 縦方向に配置
        linearLayout.setOrientation(LinearLayout.VERTICAL);
        setContentView(linearLayout);

        // テーブルレイアウト
        TableLayout tableLayout = new TableLayout(this);
        // 列の伸長
        tableLayout.setColumnStretchable(0, true);

        // テーブル要素
        TableRow tableRow = new TableRow(this);
        // テキスト入力域
        EditText editText = new EditText(this);
        // IDを設定
        editText.setId(View.generateViewId());
        editTextID = editText.getId();


        // ボタン
        Button button = new Button(this);
        // ボタンのテキスト
        button.setText("display");
        // ボタンのID
        button.setId(View.generateViewId());
        buttonID = button.getId();
        // クリックリスナを登録
        button.setOnClickListener(this);

        // テキスト入力域とボタンをテーブル行に追加
        tableRow.addView(editText);
        tableRow.addView(button);
        // テーブル行をテーブルレイアウトへ。
        tableLayout.addView(tableRow);

        // 表示域
        TextView textView = new TextView(this);
        // 幅と高さの設定
        textView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
        // パディング
        textView.setPadding(0, 60, 0, 0);
        // 表示するテキストの色
        textView.setTextColor(0xff0000);
        // IDを設定
        textView.setId(View.generateViewId());
        textViewID = textView.getId();
        // 初期値
        textView.setText("ここに表示されます。");

        linearLayout.addView(textView);
        // テーブルレイアウトをメインパネルへ
        linearLayout.addView(tableLayout);
        // 表示域をメインパネルへ
        linearLayout.addView(textView);
    }

これを動かしてみたところ、テキスト入力域、ボタンは表示されますが、テキスト表示域が表示されません。
テキストの表示にはボタンに登録したクリックリスナを使用していますが、リスナ自体は
ちゃんと動いているのを確認しました。

プログラムで動的にレイアウトを生成するにはどうすれば良いのでしょうか。
このプログラムに不備があればその箇所を教えて下さい。

  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 2

checkベストアンサー

+1

1個引っかかるのが、表示域のTextViewを2回addViewしていることくらいですが…
テキストの表示にクリックリスナを使っているとのことですが、そうなると表示対象のTextViewはこのクラスのフィールド変数になっているはずですが、リスナはどう設定しているのでしょうか?

原因がわかりました。
setTextColorは引数にandroid.graphics.Colorクラスの定数を渡すのが主な使い方のようです。
そこで定義されているColor.REDを見ると、0xffff0000になっています。
あなたのコードでは16進数の上2桁がありません。
確か上2桁は「色の強度」を表す数であったように思います。
その値があなたのコードでは0だったので、何も見えない状態になっていたのです。

投稿

編集

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2015/11/28 17:40

    すみません、TextViewを2回addしているのはいろいろ試行錯誤していた時のコードを消し忘れていました。このコードがなくても動きは変わりません。(表示されません)

    リスナはOnClickListenerを自身のクラスに実装し、それをButtonに登録しています。
    onClickにて、TextViewを参照するのですが、findViewByIdにView.generateViewId()で生成したIDを渡してインスタンスを取得しています。

    コードの中で、テキストフィールドに「ここに表示されます」という文字列を初期表示させているのですが、そもそもこれも表示されません。addViewに失敗しているのかと思ったのですが、findViewByIdでインスタンスは取れているので単に表示ができていないのだと思うのですが・・・。

    キャンセル

  • 2015/11/28 17:51

    addViewしてからsetTextするとどうなりますか?

    キャンセル

  • 2015/11/30 10:56

    返信ありがとうございます。

    addViewしてからsetTextしてみましたが、結果は同じでした。

    少しプログラムを省略して、以下のようにしてみました。(見づらかったらすみません)
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // setContentView(R.layout.activity_main);

    // レイアウトxmlを使わずに、プログラムで組み立てる。
    // setContentView(R.layout.activity_main);
    LinearLayout linearLayout = new LinearLayout(this);
    // 縦方向に配置
    linearLayout.setOrientation(LinearLayout.VERTICAL);
    setContentView(linearLayout);

    // print text only.
    TextView textView = new TextView(this);
    // 幅と高さの設定
    textView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
    // パディング
    textView.setPadding(0, 60, 0, 0);
    // 表示するテキストの色
    textView.setTextColor(0xff0000);
    // 初期値
    linearLayout.addView(textView);
    textView.setText("ここに表示されます。");

    }

    「ここに表示されます」が赤字で画面に表示されることを期待しましたが、何も表示されませんでした。そもそもの使い方が間違っているのでしょうか。

    キャンセル

  • 2015/11/30 12:22

    すみません、頂いていた回答をよく見ずに入れ違いで自己解決のコメントを書き込んでしまいました。失礼しました。

    ご指摘の通りでした。APIリファレンスをちゃんと読まないとダメですね・・・。
    本当にありがとうございました。

    キャンセル

0

すみません、解決しました。

TextView.setTextColor()の使い方を間違えていました。
てっきりRGB値を渡せるのだと思い込んでいました。正しくは、α値、R値、G値、B値でした。
私の書いたコードだとαにマックスの値を与えているだけなので、白地だと文字が見えなかった(表示はされていた)というだけのことでした。

RGB値を渡したい場合は、TextView.setTextColor(Color.rgb(255, 0, 0))の様に書くとよいようです。

単純なミスで失礼いたしました。
回答頂いたswordone様ありがとうございました。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

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

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