質問編集履歴

2 タイトルを修正

退会済みユーザー

退会済みユーザー

2018/10/12 10:03  投稿

ScrollView内にListViewを複数
ScrollView内にListViewを複数
Android開発をしています初心者です。
検索機能を作成しています。
ScrollView内にListViewを3つ持ちたいです。
各々のLisViewに表示されるリストは1件〜3件までです。
デザインを担当している人がいるのですが
作成されたデザインに合わせて、JSONで1~3件ずつPHPからデータを取得して
別々のListViewに表示させています。
以下がUI(見ずらくて申し訳ございません)と、XMLのコードです。
```text
-------------------
-------------------
名前
List1
List2
List3
-------------------
全件表示ボタン
-------------------
-------------------
概要
List1
-------------------
全件表示ボタン
-------------------
-------------------
詳細
List1
List2
-------------------
全件表示ボタン
-------------------
```
```xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#EEEEEE"
android:orientation="vertical">
<!--「〜」の検索結果-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="15dp"
android:paddingBottom="15dp"
android:background="#EEEEEE"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="「"
android:textColor="#515151"
android:textSize="17sp" />
<TextView
android:id="@+id/search_result_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="text"
android:textColor="#515151"
android:textSize="17sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="」の検索結果"
android:textColor="#515151"
android:textSize="17sp" />
</LinearLayout>
<!--スペース①-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="5dp"
android:background="#FFFFFF" />
<!--*********************** 名前 ********************************** -->
<!--名前文言-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#DBDBDB"
android:gravity="center_vertical"
android:paddingLeft="20dp"
android:orientation="horizontal">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="名前"
android:background="#DBDBDB"
android:textColor="#515151"
android:textSize="18sp"/>
</LinearLayout>
<!--スペース②-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="5dp"
android:background="#FFFFFF" />
<!--名前listView-->
<ListView
android:id="@+id/list_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingRight="20dp"
android:paddingLeft="20dp"
android:background="#DBDBDB"/>
<!--すべて見るボタン-->
<ListView
android:id="@+id/all_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingRight="20dp"
android:paddingLeft="20dp" />
<!--*********************** 名前ここまで **************************** -->
<!--スペース③-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="5dp"
android:background="#FFFFFF" />
<!--*********************** 概要 *********************************** -->
<!--概要文言-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#DBDBDB"
android:gravity="center_vertical"
android:paddingLeft="20dp"
android:orientation="horizontal">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="概要"
android:background="#DBDBDB"
android:textColor="#515151"
android:textSize="18sp"/>
</LinearLayout>
<!--スペース④-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="5dp"
android:background="#FFFFFF" />
<!--概要ListView-->
<ListView
android:id="@+id/list_gaiyo"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingRight="20dp"
android:paddingLeft="20dp"
android:background="#DBDBDB"/>
<!--全件表示ボタン②-->
<ListView
android:id="@+id/all_gaiyo"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingRight="20dp"
android:paddingLeft="20dp"/>
<!--*********************** 概要ここまで ******************************** -->
<!--スペース⑤-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="5dp"
android:background="#FFFFFF" />
<!--************************** 詳細 ************************************ -->
<!--詳細文言-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#DBDBDB"
android:gravity="center_vertical"
android:paddingLeft="20dp"
android:orientation="horizontal">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="詳細"
android:background="#DBDBDB"
android:textColor="#515151"
android:textSize="18sp"/>
</LinearLayout>
<!--スペース⑥-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="5dp"
android:background="#FFFFFF" />
<!--詳細ListView-->
<ListView
android:id="@+id/list_detail"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingRight="20dp"
android:paddingLeft="20dp"
android:background="#DBDBDB"/>
<!--全件表示ボタン③-->
<ListView
android:id="@+id/all_detail"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingRight="20dp"
android:paddingLeft="20dp"/>
<!--************************** 詳細ここまで ******************************** -->
</LinearLayout>
```
しかし、デザイン担当がぐちゃぐちゃに作っていたので
一つの画面に、3つのListViewがあり個々のListView単体でスクロールするため、
画面全体がスクロールしないです。なので、一番したにあるボタン(ListViewで作られた)が見えません。
小さい端末だと、ボタンどころか、下の詳細まで見えなくなります。
TextViewでやろうとしましたが、
Listの数は、1件〜3件と動的に変化するため、
setTextでやろうとすると、
例えば1件の場合、下にtextのない2件が表示されてしまいます。
下記の方法でやってみても、よくわからず。。。
http://blog.howtelevision.co.jp/entry/2015/03/19/115020
この記事の場合、
ListViewを継承しているclassは
新規にfileを作成したところに実装するのでしょうか?
また、これを呼び出す際は、Activityのどこで呼び出せば良いのでしょうか。
何か、情報の不足がありましたら、
追記しますので、コメント頂けますと幸いです。
文章ばかりでわかりにくく、申し訳ございません。
ご教示のほど、よろしくお願いいたします。
  • Java

    18044 questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • Android

    8122 questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

  • API

    2153 questions

    APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

  • JSON

    1765 questions

    JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

1 追記

退会済みユーザー

退会済みユーザー

2018/10/11 20:22  投稿

ScrollView内にListViewを複数
ScrollView内にListViewを複数
Android開発をしています初心者です。
検索機能を作成しています。
ScrollView内にListViewを3つ持ちたいです。
各々のLisViewに表示されるリストは1件〜3件までです。
デザインを担当している人がいるのですが
作成されたデザインに合わせて、JSONで1~3件ずつPHPからデータを取得して
別々のListViewに表示させています。
以下がUI(見ずらくて申し訳ございません)と、Viewです。
以下がUI(見ずらくて申し訳ございません)と、XMLのコードです。
```text
-------------------
-------------------
名前
List1
List2
List3
-------------------
全件表示ボタン
-------------------
-------------------
概要
List1
-------------------
全件表示ボタン
-------------------
-------------------
詳細
List1
List2
-------------------
全件表示ボタン
-------------------
```
```xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:background="#EEEEEE"
   android:orientation="vertical">
   <!--「〜」の検索結果-->
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:paddingTop="15dp"
       android:paddingBottom="15dp"
       android:background="#EEEEEE"
       android:orientation="horizontal">
           <TextView
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="「"
               android:textColor="#515151"
               android:textSize="17sp" />
           <TextView
               android:id="@+id/search_result_text"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="text"
               android:textColor="#515151"
               android:textSize="17sp"
               android:textStyle="bold" />
           <TextView
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="」の検索結果"
               android:textColor="#515151"
               android:textSize="17sp" />
   </LinearLayout>
   <!--スペース①-->
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="5dp"
       android:background="#FFFFFF" />
<!--*********************** 名前 ********************************** -->
   <!--名前文言-->
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:background="#DBDBDB"
       android:gravity="center_vertical"
       android:paddingLeft="20dp"
       android:orientation="horizontal">
       <TextView
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:text="名前"
           android:background="#DBDBDB"
           android:textColor="#515151"
           android:textSize="18sp"/>
   </LinearLayout>
   <!--スペース②-->
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="5dp"
       android:background="#FFFFFF" />
   <!--名前listView-->
   <ListView
       android:id="@+id/list_name"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:paddingRight="20dp"
       android:paddingLeft="20dp"
       android:background="#DBDBDB"/>
   <!--すべて見るボタン-->
   <ListView
       android:id="@+id/all_name"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:paddingRight="20dp"
       android:paddingLeft="20dp" />
<!--*********************** 名前ここまで **************************** -->
   <!--スペース③-->
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="5dp"
       android:background="#FFFFFF" />
<!--*********************** 概要 *********************************** -->
   <!--概要文言-->
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:background="#DBDBDB"
       android:gravity="center_vertical"
       android:paddingLeft="20dp"
       android:orientation="horizontal">
       <TextView
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:text="概要"
           android:background="#DBDBDB"
           android:textColor="#515151"
           android:textSize="18sp"/>
   </LinearLayout>
   <!--スペース④-->
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="5dp"
       android:background="#FFFFFF" />
   <!--概要ListView-->
   <ListView
       android:id="@+id/list_gaiyo"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:paddingRight="20dp"
       android:paddingLeft="20dp"
       android:background="#DBDBDB"/>
   <!--全件表示ボタン②-->
   <ListView
       android:id="@+id/all_gaiyo"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:paddingRight="20dp"
       android:paddingLeft="20dp"/>
<!--*********************** 概要ここまで ******************************** -->
   <!--スペース⑤-->
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="5dp"
       android:background="#FFFFFF" />
<!--************************** 詳細 ************************************ -->
   <!--詳細文言-->
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:background="#DBDBDB"
       android:gravity="center_vertical"
       android:paddingLeft="20dp"
       android:orientation="horizontal">
       <TextView
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:text="詳細"
           android:background="#DBDBDB"
           android:textColor="#515151"
           android:textSize="18sp"/>
   </LinearLayout>
   <!--スペース⑥-->
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="5dp"
       android:background="#FFFFFF" />
   <!--詳細ListView-->
   <ListView
       android:id="@+id/list_detail"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:paddingRight="20dp"
       android:paddingLeft="20dp"
       android:background="#DBDBDB"/>
   <!--全件表示ボタン③-->
   <ListView
       android:id="@+id/all_detail"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:paddingRight="20dp"
       android:paddingLeft="20dp"/>
<!--************************** 詳細ここまで ******************************** -->
</LinearLayout>
```
しかし、デザイン担当がぐちゃぐちゃに作っていたので
一つの画面に、3つのListViewがあり個々のListView単体でスクロールするため、
画面全体がスクロールしないです。なので、一番したにあるボタン(ListViewで作られた)が見えません。
小さい端末だと、ボタンどころか、下の詳細まで見えなくなります。  
TextViewでやろうとしましたが、
Listの数は、1件〜3件と動的に変化するため、
setTextでやろうとすると、
例えば1件の場合、下にtextのない2件が表示されてしまいます。
下記の方法でやってみても、よくわからず。。。
http://blog.howtelevision.co.jp/entry/2015/03/19/115020
この記事の場合、
ListViewを継承しているclassは
新規にfileを作成したところに実装するのでしょうか?
また、これを呼び出す際は、Activityのどこで呼び出せば良いのでしょうか。
何か、情報の不足がありましたら、
追記しますので、コメント頂けますと幸いです。
文章ばかりでわかりにくく、申し訳ございません。
ご教示のほど、よろしくお願いいたします。
  • Java

    18044 questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • Android

    8122 questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

  • API

    2153 questions

    APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

  • JSON

    1765 questions

    JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る