android studio 实现多张图片加简介上下滑动页面布局完整代码
时间: 2023-07-16 21:15:58 浏览: 60
以下是一个简单的多张图片加简介上下滑动页面布局的完整代码:
1. 在布局文件中添加一个 ScrollView 和一个 LinearLayout:
```xml
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/linear_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
</LinearLayout>
</ScrollView>
```
2. 在 Activity 中动态添加图片和简介:
```java
LinearLayout linearLayout = findViewById(R.id.linear_layout);
for (int i = 0; i < imageResIds.length; i++) {
ImageView imageView = new ImageView(this);
imageView.setImageResource(imageResIds[i]);
imageView.setLayoutParams(new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.MATCH_PARENT,
LinearLayout.LayoutParams.WRAP_CONTENT));
linearLayout.addView(imageView);
TextView textView = new TextView(this);
textView.setText(introTexts[i]);
textView.setLayoutParams(new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.MATCH_PARENT,
LinearLayout.LayoutParams.WRAP_CONTENT));
linearLayout.addView(textView);
}
```
其中,`imageResIds` 是一个包含图片资源 ID 的数组,`introTexts` 是一个包含简介文字的数组。
完整的代码如下:
```xml
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/linear_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
</LinearLayout>
</ScrollView>
```
```java
LinearLayout linearLayout = findViewById(R.id.linear_layout);
int[] imageResIds = {R.drawable.image1, R.drawable.image2, R.drawable.image3};
String[] introTexts = {"简介1", "简介2", "简介3"};
for (int i = 0; i < imageResIds.length; i++) {
ImageView imageView = new ImageView(this);
imageView.setImageResource(imageResIds[i]);
imageView.setLayoutParams(new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.MATCH_PARENT,
LinearLayout.LayoutParams.WRAP_CONTENT));
linearLayout.addView(imageView);
TextView textView = new TextView(this);
textView.setText(introTexts[i]);
textView.setLayoutParams(new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.MATCH_PARENT,
LinearLayout.LayoutParams.WRAP_CONTENT));
linearLayout.addView(textView);
}
```
注意:这里只是一个简单的示例,实际上,为了更好的用户体验,我们应该使用 RecyclerView 来实现图片和简介的滑动效果。同时,还需要考虑图片的大小、比例等问题,以及对图片进行压缩处理,以减小应用的大小和提升加载速度。