グリッドビューを用いてポップアップ編集を実装する方法は？

2年 ago
優斗, 朝陽
2 minutes

グリッドビューを使用したポップアップ編集を実装するには、次の手順に従います。

  1. 在你的布局文件中，定义一个GridView和一个用于显示弹窗的布局文件。例如，你可以在activity_main.xml文件中添加如下代码：
<GridView
android:id="@+id/gridView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:numColumns="3" />
<LinearLayout
android:id="@+id/popupLayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="16dp"
android:background="#FFF"
android:visibility="gone">
<!-- 在这里添加你的弹窗内容 -->
<Button
android:id="@+id/saveButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="保存" />
</LinearLayout>
  1. Javaコードでは、GridView とポップアップレイアウトへの参照を取得し、グリッドビューにアダプタとクリックイベントリスナーを設定します。たとえば、MainActivity.java ファイルに以下のようなコードを追加できます。
public class MainActivity extends AppCompatActivity {
private GridView mGridView;
private LinearLayout mPopupLayout;
private Button mSaveButton;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mGridView = findViewById(R.id.gridView);
mPopupLayout = findViewById(R.id.popupLayout);
mSaveButton = findViewById(R.id.saveButton);
// 创建一个Adapter并为GridView设置适配器
MyAdapter adapter = new MyAdapter(this);
mGridView.setAdapter(adapter);
// GridView的点击事件监听器
mGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
// 弹窗编辑
showPopup();
}
});
// 保存按钮的点击事件监听器
mSaveButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// 保存操作
saveChanges();
}
});
}
private void showPopup() {
// 显示弹窗布局
mPopupLayout.setVisibility(View.VISIBLE);
}
private void saveChanges() {
// 保存编辑的内容
// 隐藏弹窗布局
mPopupLayout.setVisibility(View.GONE);
}
}
  1. グリッドビューにデータとビューを提供するアダプタクラスを作成する必要があります。例えば、MainActivity.javaファイルに次のようにコードを追加できます:
public class MyAdapter extends BaseAdapter {
private Context mContext;
public MyAdapter(Context context) {
mContext = context;
}
@Override
public int getCount() {
return 9; // 假设GridView有9个项目
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if (convertView == null) {
convertView = LayoutInflater.from(mContext).inflate(R.layout.grid_item, parent, false);
holder = new ViewHolder();
holder.textView = convertView.findViewById(R.id.textView);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
// 设置GridView项目的文本内容
holder.textView.setText(String.valueOf(position));
return convertView;
}
private static class ViewHolder {
TextView textView;
}
}
  1. GridViewの各項目のビューを定義するレイアウトファイルgrid_item.xmlを作成します。 res/layoutディレクトリにgrid_item.xmlを作成し、以下のコードを追加します。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp" />
</RelativeLayout>

グリッドビューのアイテムをクリックすると、ポップアップレイアウトが表示され、ポップアップ内で編集操作を実行できます。保存ボタンをクリックすると、編集された内容が保存され、ポップアップレイアウトが非表示になります。

bannerAds