GridViewに表示される画像のサイズで困っています。
- 問題点
- GridViewで使用する画像1のように空白が空いてしまう。
画像1を参照してください(クリックしている箇所は色が変わっています)
(空白の大きさは、画像2で表示している画像のサイズになっていると思われます。)
- GridView作成の流れ
- 画像2のlayoutを、GridViewに渡して表示させています。
- 作成したいGridViewイメージ
- 画像3のような空白が存在しないGridViewを作成したいです。
インスタグラム風なUIを作りたいと思っています。
初心者の質問になりますが、ご存知の方がおりましたら、どうぞお教え下さい。
追記 - 20151018
- Activity_CommunicationSpace_MemberList
java
1public class Activity_CommunicationSpace_MemberList extends Activity { 2 3 private List<Data_User> objects = new ArrayList<Data_User>(); 4 private Data_User item = new Data_User(); 5 private String user_name; 6 private Bitmap user_icon; 7 private Bitmap user_profile; 8 9 @Override 10 public void onCreate(Bundle savedInstanceState) { 11 super.onCreate(savedInstanceState); 12 setContentView(R.layout.activity_communicationspace_memberlist); 13 14 user_name = "Test_Test"; 15 user_icon = BitmapFactory.decodeResource(getResources(), R.drawable.icon_lamborghini); 16 17 for (int i = 0; i < 20; i++) { 18 item = new Data_User(); 19 item.setNameData(user_name); 20 item.setIconData(user_icon); 21 objects.add(item); 22 } 23 24 Adapter_CommunicationSpace_MemberList adapter = new Adapter_CommunicationSpace_MemberList(getApplicationContext(), R.layout.adapter_communicationspace_memberlist, objects); 25 ExpandableHeightGridView expandableHeightGridView = (ExpandableHeightGridView) findViewById(R.id.gridview_communicationspace_memberlist); 26 expandableHeightGridView.setExpanded(true); 27 expandableHeightGridView.setAdapter(adapter); 28 29 final ScrollView scrollView = (ScrollView) findViewById(R.id.activity_communicationspace_memberlist_scrollView); 30 scrollView.post(new Runnable() { 31 public void run() { 32 scrollView.fullScroll(ScrollView.FOCUS_UP); 33 } 34 }); 35 } 36}
- Adapter_CommunicationSpace_MemberList
java
1public class Adapter_CommunicationSpace_MemberList extends ArrayAdapter<Data_User> { 2 private LayoutInflater layoutInflater_; 3 4 public Adapter_CommunicationSpace_MemberList(Context context, int textViewResourceId, List<Data_User> objects) { 5 super(context, textViewResourceId, objects); 6 layoutInflater_ = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 7 } 8 9 @Override 10 public View getView(int position, View convertView, ViewGroup parent) { 11 12 // 特定の行(position)のデータを得る 13 Data_User item = (Data_User) getItem(position); 14 15 // convertViewは使い回しされている可能性があるのでnullの時だけ新しく作る 16 if (null == convertView) { 17 convertView = layoutInflater_.inflate(R.layout.adapter_communicationspace_memberlist, null); 18 } 19 20 // Data_Adapter_ListViewのデータをViewの各Widgetにセットする 21 TextView textView; 22 textView = (TextView) convertView.findViewById(R.id.textview); 23 textView.setText(item.getNameData()); 24 25 ImageView imageView; 26 imageView = (ImageView) convertView.findViewById(R.id.imageview); 27 imageView.setImageBitmap(item.getIconData()); 28 29 return convertView; 30 } 31}
- Data_User
java
1public class Data_User { 2 private Bitmap iconData; 3 private String profileData; 4 private String nameData; 5 6 public void setIconData(Bitmap icon) { 7 iconData = icon; 8 } 9 10 public Bitmap getIconData() { 11 return iconData; 12 } 13 14 public void setProfileData(String profile) { 15 profileData = profile; 16 } 17 18 public String getProfileData() { 19 return profileData; 20 } 21 22 public void setNameData(String nameData){ 23 this.nameData = nameData; 24 } 25 26 public String getNameData(){ 27 return this.nameData; 28 29 } 30}
- ExpandableHeightGridView
java
1/** 2 * ScrollView内でGridViewを使うためのクラス 3 */ 4public class ExpandableHeightGridView extends GridView { 5 6 boolean expanded = false; 7 8 public ExpandableHeightGridView(Context context) 9 { 10 super(context); 11 } 12 13 public ExpandableHeightGridView(Context context, AttributeSet attrs) 14 { 15 super(context, attrs); 16 } 17 18 public ExpandableHeightGridView(Context context, AttributeSet attrs, int defStyle) 19 { 20 super(context, attrs, defStyle); 21 } 22 23 public boolean isExpanded() 24 { 25 return expanded; 26 } 27 28 @Override 29 public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) 30 { 31 // HACK! TAKE THAT ANDROID! 32 if (isExpanded()) 33 { 34 // Calculate entire height by providing a very large height hint. 35 // View.MEASURED_SIZE_MASK represents the largest height possible. 36 int expandSpec = MeasureSpec.makeMeasureSpec(MEASURED_SIZE_MASK, MeasureSpec.AT_MOST); 37 super.onMeasure(widthMeasureSpec, expandSpec); 38 39 ViewGroup.LayoutParams params = getLayoutParams(); 40 params.height = getMeasuredHeight(); 41 } 42 else 43 { 44 super.onMeasure(widthMeasureSpec, heightMeasureSpec); 45 } 46 } 47 48 public void setExpanded(boolean expanded) 49 { 50 this.expanded = expanded; 51 } 52}
- activity_communicationspace_memberlist
xml
1<?xml version="1.0" encoding="utf-8"?> 2<RelativeLayout android:id="@+id/relativelayout1" 3 xmlns:android="http://schemas.android.com/apk/res/android" 4 xmlns:tools="http://schemas.android.com/tools" 5 android:layout_width="match_parent" 6 android:layout_height="match_parent" 7 android:layout_marginTop="10dp" 8 android:layout_marginBottom="5dp" 9 android:layout_marginRight="10dp" 10 android:layout_marginLeft="10dp" 11 android:orientation="vertical" 12 tools:context="packagename.Activity_CommunicationSpace_MemberList" > 13 <ScrollView android:id="@+id/activity_communicationspace_memberlist_scrollView" 14 android:layout_width="match_parent" 15 android:layout_height="match_parent"> 16 <LinearLayout 17 android:layout_width="match_parent" 18 android:layout_height="match_parent" 19 android:orientation="vertical" > 20 <LinearLayout 21 android:layout_width="match_parent" 22 android:layout_height="wrap_content" 23 android:orientation="vertical" 24 android:background="#FFFFFF" > 25 <TextViewなどのwidget 26 . 27 . 28 . 29 . 30 </LinearLayout> 31 <LinearLayout 32 android:layout_width="wrap_content" 33 android:layout_height="wrap_content" 34 android:orientation="vertical" 35 android:paddingTop="3dp" > 36 <packagename.ExpandableHeightGridView android:id="@+id/gridview_communicationspace_memberlist" 37 android:layout_width="wrap_content" 38 android:layout_height="wrap_content" 39 android:numColumns="4"/> 40 <!--android:gravity="center"--> 41 <!--android:minHeight="100dp"--> 42 <!--android:stretchMode="columnWidth"--> 43 </LinearLayout> 44 </LinearLayout> 45 </ScrollView> 46</RelativeLayout>
- adapter_communicationspace_memberlist
xml
1<?xml version="1.0" encoding="utf-8"?> 2<FrameLayout 3 xmlns:android="http://schemas.android.com/apk/res/android" 4 android:layout_width="wrap_content" 5 android:layout_height="wrap_content"> 6 <ImageView android:id="@+id/imageview" 7 android:layout_width="wrap_content" 8 android:layout_height="wrap_content" 9 android:src="@drawable/icon_lamborghini"/> 10 <TextView android:id="@+id/textview" 11 android:layout_width="wrap_content" 12 android:layout_height="wrap_content" 13 android:text="test"/> 14</FrameLayout>
回答1件
あなたの回答
tips
プレビュー