使用XML 布局文件和 java代码混合控制UI界面制作一个简单的图片查看器
app 演示图
布局文件
我们先在布局文件中定义一个简单的线性布局容器,该布局文件代码如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="pub.weber.bym.shownextimage.MainActivity">
</LinearLayout>
java 代码
接下来在程序中获取该线性布局容器,并往该容器中添加组件。代码如下
public class MainActivity extends AppCompatActivity {
// 定义一个访问图片的数组
int images [] = new int[]{
R.drawable.a1,
R.drawable.a2,
R.drawable.a3,
R.drawable.a4,
R.drawable.a5,
R.drawable.a6
};
int currentImg = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 获取LinearLayout 布局容器
LinearLayout main = (LinearLayout) findViewById(R.id.activity_main);
final ImageView imageView = new ImageView(this);
main.addView(imageView);
// 初始化显示第一张图片
imageView.setImageResource(images[0]);
imageView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
imageView.setImageResource(images[++currentImg % images.length]);
}
});
}
}