AndroidStudio新建DynamicScrollView工程

下面的5张图片是为了在ScrollView的元素里使用。

Android编程第三篇,动态添加ScrollView元素Android编程第三篇,动态添加ScrollView元素Android编程第三篇,动态添加ScrollView元素Android编程第三篇,动态添加ScrollView元素Android编程第三篇,动态添加ScrollView元素

下载后在资源管理器里多选, 在项目app->res->drawable右键,粘贴,完成后如下图

Android编程第三篇,动态添加ScrollView元素

app->res->layout右键New->Layout resorces file, 起名root,按OK.。双击root.xm(text标签)键入下面内容

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/rootContainer"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
</LinearLayout>
我们看到这其实是个空的LinearLayout布局,什么内容也没有。

双击app->res->values->strings.xml加入下面内容

<string name="button1">Button1</string>
<string name="button2">Button2</string>
<string name="button3">Button3</string>
<string name="button4">Button4</string>
<string name="button5">Button5</string>
<string name="button6">Button6</string>
<string name="button7">Button7</string>
<string name="button8">Button8</string>
<string name="button9">Button9</string>
<string name="button10">Button10</string>

修改MainActivity.java:

1.增加下面两个数组.

int[] mapArray = {R.drawable.seatosky1, R.drawable.seatosky2, R.drawable.seatosky3, R.drawable.seatosky4, R.drawable.seatosky5};
int[] strArray = {R.string.button1,R.string.button2, R.string.button3,R.string.button4,R.string.button5,R.string.button6,R.string.button7,R.string.button8,R.string.button9,R.string.button10};

两数组用于Hold刚才拖入的5张图片资源id、10个按钮名字,方便等下做为元素。正式项目这些资源可能是http下载,然后写个资源管理类分配id,设置类型,提供get; set这里不展开。
OnCreate里设置新布局
setContentView(R.layout.root);接下来在刚才空的LinearLayout里动态添加10个元素(正式项目这些内容一般是来自网上xml或本地Excel产生的txt文件,这里不展开)。增加下面代码

//new一个ScrolloView
ScrollView scrollView = new ScrollView(this);
//new一个LayooutParams用作上面scrollView的参数
LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
//将layoutParams挂到scrollView上
scrollView.setLayoutParams(layoutParams);
//我们要在scrollView里再挂一个LinearLayout用于等下动态加载10个元素
LinearLayout linearLayout = new LinearLayout(this);
LinearLayout.LayoutParams linearParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
linearLayout.setOrientation(LinearLayout.VERTICAL);
linearLayout.setLayoutParams(linearParams);
scrollView.addView(linearLayout);

//循环添加元素,正式项目这些内容一般是来自网上xml或本地Excel产生的txt文件
for(int i = 0; i < 10; i++)
{
    //我们的元素是水平LinearLayout布局,然后有个ImageView子元素和一个按钮子元素
    LinearLayout linearLayoutHor = new LinearLayout(this);
    //布局参数为水平方向用LayoutParams.WRAP_CONTEN,垂直高128dpi   
    LinearLayout.LayoutParams linearParamsHor
        = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, 128);
    linearLayoutHor.setOrientation(LinearLayout.HORIZONTAL);
    linearLayoutHor.setLayoutParams(linearParamsHor);
    //new一个ImageView并挂到linearLayoutHor
    ImageView imageView1 = new ImageView(this);
    LinearLayout.LayoutParams params1 = new LinearLayout.LayoutParams(200, 128);
    params1.setMargins(0, 30, 0, 30);
    params1.gravity = Gravity.CENTER;
    imageView1.setLayoutParams(params1);
    //因为我手头只有5个D3DX里得来的5个资源,所以下面用i%5避免数组越界
    imageView1.setImageResource(mapArray[ i % 5]);
    //将imageView1挂到linearLayoutHor
    linearLayoutHor.addView(imageView1);
    //new Button
    Button button = new Button(this);
    button.setText(strArray[i % 10]);
    //设按钮布局参数
    LinearLayout.LayoutParams paramsButton
        = new   LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, 64);
    //按钮挂参数
    button.setLayoutParams(paramsButton);
    //linearLayoutHor添加按钮为子元素
    linearLayoutHor.addView(button);
    linearLayout.addView(linearLayoutHor);
}
//找到root.xml里的空的rootContainer,挂上scrollView
LinearLayout linearLayout1 = findViewById(R.id.rootContainer);
if (linearLayout1 != null) {
    linearLayout1.addView(scrollView);
}

完成后MainActivity如下面2图

Android编程第三篇,动态添加ScrollView元素

Android编程第三篇,动态添加ScrollView元素

 

恭喜你,本课程完成,赶紧在Android Studio上run吧,如果不知道怎么在模拟器上run,具体可看上一篇博客结尾部分。这些按钮都没挂OnClick就当是留给学习者举一反三了。

相关文章:

  • 2022-12-23
  • 2021-11-29
  • 2021-06-29
  • 2022-02-09
  • 2022-02-09
  • 2022-01-21
  • 2021-12-18
猜你喜欢
  • 2022-02-09
  • 2022-12-23
  • 2022-02-09
  • 2021-10-27
  • 2021-09-05
  • 2022-12-23
相关资源
相似解决方案