Android Studio 实现动态增加可上滑选择框布局
要实现这样的布局,你可以使用 RecyclerView 来展示竖直排列的选择框,并通过点击 '+' 按钮来动态添加选择框。同时,你可以使用 NestedScrollView 来实现页面的上滑操作。
首先,在你的布局文件中,添加一个 NestedScrollView 作为根布局,然后在 NestedScrollView 中添加一个 RecyclerView 和一个 '+' 按钮。布局文件的示例如下:
<androidx.core.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<Button
android:id="@+id/addButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+"
android:layout_gravity="end" />
</LinearLayout>
</androidx.core.widget.NestedScrollView>
接下来,在你的 Activity 或 Fragment 中,你需要初始化 RecyclerView 和 '+' 按钮,并设置点击事件。示例代码如下:
public class MainActivity extends AppCompatActivity {
private RecyclerView recyclerView;
private Button addButton;
private List<String> data;
private RecyclerViewAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = findViewById(R.id.recyclerView);
addButton = findViewById(R.id.addButton);
// 初始化数据
data = new ArrayList<>();
data.add("选择框1");
// 初始化RecyclerView
adapter = new RecyclerViewAdapter(data);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
recyclerView.setAdapter(adapter);
// 设置 '+' 按钮的点击事件
addButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// 添加一个选择框
data.add("选择框" + (data.size() + 1));
adapter.notifyDataSetChanged();
}
});
}
}
最后,你需要创建一个 RecyclerView 的适配器 RecyclerViewAdapter 来绑定数据和布局。示例代码如下:
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {
private List<String> data;
public RecyclerViewAdapter(List<String> data) {
this.data = data;
}
@NonNull
@Override
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout, parent, false);
return new ViewHolder(view);
}
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
String item = data.get(position);
holder.textView.setText(item);
}
@Override
public int getItemCount() {
return data.size();
}
public static class ViewHolder extends RecyclerView.ViewHolder {
TextView textView;
public ViewHolder(@NonNull View itemView) {
super(itemView);
textView = itemView.findViewById(R.id.textView);
}
}
}
在上述代码中,我们使用了一个简单的 item_layout 布局文件来展示每个选择框的内容。你可以根据自己的需求来自定义这个布局文件。
这样,你就可以通过 Android Studio 实现这样的布局了。希望对你有帮助!
原文地址: https://www.cveoy.top/t/topic/RdF 著作权归作者所有。请勿转载和采集!