私はアンドロイドが初めてで、現在行っているプロジェクトについていくつか質問があります。下の写真のように3x3で合計9枚の画像を表示するアプリを開発しています。
次のボタンを押すと、画像が別の9枚の画像に変わりました。残りの画像が 9 でない場合は、下の図のように残りの数に応じて画像が表示されます。(例残り6枚)
質問は次のとおりです。
画像を表示する最良の方法は何ですか? 私の考えは、9 つの ImageViews を含むビューを作成することです
2つのxmlレイアウトがある場合、最初はメインレイアウトで、2番目はレイアウトにImageViewsが含まれています.2番目のものを最初のものに挿入するにはどうすればよいですか?
上記の説明に従って画像を動的に挿入する方法は?
いくつかのコードで私を助けてください。どんな助けにも感謝します。私の英語がうまくない場合は申し訳ありません。
前もって感謝します。
アップデート
この場合に GridView を使用してみましたが、これは初めて使用するため、ここGridView
の例を使用して実装します (そこに含まれる例を試してみましたが、動作します)。
しかし、何度も確認しましたが、LogCat からのエラーはなく、Force Closed もありません。画像は表示されませんでした。どこが間違っているのかわかりません。
これが私のコードです:
choosepic.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/bg_inner">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/book_inner"
android:layout_marginTop="50dp"
/>
<ImageButton
android:id="@+id/homeBtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/home_btn"
android:background="@null"
/>
<ImageView
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/bg_arrow_btn"
android:layout_alignParentRight="true"
/>
<ImageButton
android:id="@+id/nextBtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/right_arrow"
android:background="@null"
android:layout_alignParentRight="true"
android:layout_marginTop="5dp"
android:layout_marginRight="7dp"
android:layout_marginLeft="7dp"
/>
<ImageButton
android:id="@+id/prevBtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/left_arrow"
android:background="@null"
android:layout_toLeftOf="@+id/nextBtn"
android:layout_marginTop="5dp"
/>
<GridView
android:id="@+id/gridView1"
android:numColumns="3"
android:gravity="center"
android:columnWidth="30dp"
android:stretchMode="columnWidth"
android:layout_width="300dp"
android:layout_height="200dp"
android:layout_marginLeft="60dp"
android:layout_marginTop="70dp"
>
</GridView>
</RelativeLayout>
animalbutton.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<ImageView
android:id="@+id/grid_item_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher"
/>
</LinearLayout>
ImageAdapter.java
public class ImageAdapter extends BaseAdapter{
private Context context;
private final String[] animalValues;
public ImageAdapter(Context context, String[] animalValues) {
this.context = context;
this.animalValues = animalValues;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
LayoutInflater inflater = (LayoutInflater) context
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View gridView;
if (convertView == null) {
gridView = new View(context);
// get layout from mobile.xml
gridView = inflater.inflate(R.layout.animalbutton, null);
// set image based on selected text
ImageView imageView = (ImageView) gridView.findViewById(R.id.grid_item_image);
String animal = animalValues[position];
if (animal.equals("Cat")) {
imageView.setImageResource(R.drawable.anim_cat);
} else if (animal.equals("Cow")) {
imageView.setImageResource(R.drawable.anim_cow);
} else if (animal.equals("Croc")) {
imageView.setImageResource(R.drawable.anim_croc);
} else if(animal.equals("Duck")){
imageView.setImageResource(R.drawable.anim_duck);
} else if(animal.equals("Elephant")){
imageView.setImageResource(R.drawable.anim_elephant);
} else if(animal.equals("Giraffe")){
imageView.setImageResource(R.drawable.anim_giraffe);
} else if(animal.equals("Lion")){
imageView.setImageResource(R.drawable.anim_lion);
} else if(animal.equals("Moose")){
imageView.setImageResource(R.drawable.anim_moose);
} else if(animal.equals("Mouse")){
imageView.setImageResource(R.drawable.anim_mouse);
}else {imageView.setImageResource(R.drawable.ic_launcher);}
} else {
gridView = (View) convertView;
}
return gridView;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return 0;
}
@Override
public String getItem(int position) {
// TODO Auto-generated method stub
return animalValues[position];
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return 0;
}
}
choosepic.java
public class choosepic extends Activity {
/** Called when the activity is first created. */
ImageAdapter mAdapter;
GridView gridView;
static final String[] animal = new String[] {
"Cat", "Cow","Croc", "Duck", "Elephant", "Giraffe", "Lion", "Moose", "Mouse"};
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.choosepic);
mAdapter = new ImageAdapter(this, animal);
gridView = (GridView) findViewById(R.id.gridView1);
gridView.setAdapter(mAdapter);
gridView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View v, int position, long id) {
Toast.makeText(getApplicationContext(), mAdapter.getItem(position), Toast.LENGTH_SHORT).show();
}
});
}
}
助けが必要です。前もって感謝します!