Android实现页面图片转换

最新推荐文章于 2022-06-10 23:17:53 发布

原创最新推荐文章于 2022-06-10 23:17:53 发布 · 680 阅读

0 ·

CC 4.0 BY-SA版权

Android学习专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用FrameLayout布局的前端示例，通过点击事件在两张图片间进行切换，并展示了相应的后端代码实现。该方法利用ImageView组件的可见性属性来控制图片的显示与隐藏。

前端xml代码如下，使用FrameLayout布局。

 <FrameLayout
      android:id="@+id/fl"
      android:layout_width="match_parent"
      android:layout_height="match_parent">

      <ImageView    
          android:layout_width="wrap_content"
          android:layout_height="300dp"
          android:id="@+id/iv1"
          android:src="@drawable/imgshouye"/>
      <ImageView
          android:layout_width="wrap_content"
          android:layout_height="300dp"
          android:id="@+id/iv2"
          android:src="@drawable/looking"
          android:visibility="invisible"/>    //设置图片不可见，默认可见

  </FrameLayout>

后端代码

public class MainActivity extends AppCompatActivity {
    private FrameLayout fl;      //需要用来设置点击事件
    private ImageView iv1;
    private ImageView iv2;

       @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        fl = findViewById(R.id.fl);
        iv1 = findViewById(R.id.iv1);
        iv2 = findViewById(R.id.iv2);
        show1();
        fl.setOnClickListener(new View.OnClickListener() {  //设置点击事件判定显示的图片
            @Override
            public void onClick(View v) {
                if(iv1.getVisibility()==View.VISIBLE){
                    show2();
                }else{
                    show1();
                }
            }
        });
    }
    public void show1(){             //设置图一可见，图二不可见，与shou2（）相反
           iv1.setVisibility(View.VISIBLE);
           iv2.setVisibility(View.INVISIBLE);


    }
    public void show2(){
        iv2.setVisibility(View.VISIBLE);
        iv1.setVisibility(View.INVISIBLE);


    }
}