如何在android中实现这种可视化

我正在开发此应用程序。图片已给出。 有人能告诉我如何获得这个视差（在两个屏幕中，背景图像是移动的，即有标记，但视频中有梯形块的图像是恒定的）形成视差

我把所有的文件都放在了我试过的地方

请帮忙。 谢谢

有一个类ViewPagerParallax.java我不会发布，因为它很好（我猜），并且是从

https://github.com/MatthieuLJ/ViewPagerParallax

（基本上我正在根据需要修改项目）

这是我的MainActivity.java

package com.example.paraframe;

import com.example.paraframe.ViewPagerParallax;


import android.os.Bundle;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

public class MainActivity extends Activity {

     private static final int MAX_PAGES = 10;

        private static final String IMAGE_RESOURCE = null;

        private int num_pages = 1;   
        private int image=1;

        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            final ViewPagerParallax pager = (ViewPagerParallax) findViewById(R.id.pager);
            pager.set_max_pages(MAX_PAGES);
            pager.setBackgroundAsset(R.raw.building);
            pager.setAdapter(new my_adapter());

            int i=0;
            for(i=0;i<MAX_PAGES;i++)
            {
                num_pages = Math.min(num_pages+1, MAX_PAGES);
                pager.getAdapter().notifyDataSetChanged(); 
            }

            if (savedInstanceState!=null) {
                image=savedInstanceState.getInt(IMAGE_RESOURCE, R.raw.sanfran);
            }
        }

        @Override
        protected void onSaveInstanceState(Bundle outState) {
            super.onSaveInstanceState(outState);
            outState.putInt("Image",image);
            final ViewPagerParallax pager = (ViewPagerParallax) findViewById(R.id.pager);
            outState.putInt("current_page", pager.getCurrentItem());
        }

        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            // Inflate the menu; this adds items to the action bar if it is present.
            getMenuInflater().inflate(R.menu.main, menu);
            return true;
        }
        @Override
        public boolean onOptionsItemSelected(MenuItem item) {
            switch (item.getItemId()) {

            case R.id.home:
                break;      

            case R.id.landmark:
                break;
            case R.id.futureproof:
                break;
            case R.id.luxury:
                break;
            case R.id.theinsidestory:
                break;
            case R.id.floorplan:
                break;
            case R.id.layout:
                break;             

            }
            return super.onOptionsItemSelected(item);
        }

        private class my_adapter extends PagerAdapter {
            @Override
            public int getCount() {
                return num_pages;
            }

            @Override
            public boolean isViewFromObject(View view, Object o) {
                return view == o;
            }

            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                container.removeView((View)object);
            }

            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                View new_view=null;

                LayoutInflater inflater = getLayoutInflater();
                new_view = inflater.inflate(R.layout.page, null);
                ImageView imgPreview=(ImageView) new_view.findViewById(R.id.imageView1); 
                imgPreview.setImageResource(R.raw.sanfran);
                container.addView(new_view);
                return new_view;
            }

        }

}

package com.example.paraframe；
导入com.example.paraframe.ViewPagerParallax；
导入android.os.Bundle；
导入android.app.Activity；
导入android.support.v4.view.PagerAdapter；
导入android.view.LayoutInflater；
导入android.view.Menu；
导入android.view.MenuItem；
导入android.view.view；
导入android.view.ViewGroup；
导入android.widget.ImageView；
公共类MainActivity扩展了活动{
专用静态最终整型最大页数=10；
私有静态最终字符串IMAGE_RESOURCE=null；
私有int num_pages=1；
私有int图像=1；
@凌驾
创建时的公共void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
setContentView（R.layout.activity_main）；
final ViewPagerParallax pager=（ViewPagerParallax）findViewById（R.id.pager）；
寻呼机。设置最大页面（最大页面）；
寻呼机。setBackgroundAsset（R.raw.building）；
setAdapter（新的my_adapter（））；
int i=0；
对于（i=0；i您的page.xml应该是

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@raw/sanfran" />

</FrameLayout>

它仍然显示空白屏幕，但是通过在MIN .xml中放置图像视图2，我可以看到静止的屏幕，但是背景丢失了，这是为什么你在Ma.xml中使用FrAMLayayOUT？如果你将它改成相对的/线性的，它就会工作。但是最大的担忧是两个图像都在移动，我只想移动背景，而不是静止图像（sanfran，jpg）在这个问题上有什么帮助吗？？？在单个屏幕上，图像将是静止的，但有多个屏幕，当屏幕更改图像时（静止）会再来的。你想把它放在一个单独的屏幕上吗？那么其他屏幕呢。我知道你正在努力获得Paraflax效果，所以我需要背景图像移动，但前景图像在某一点上是静止的。这就是我想知道如何实现的，假设背景图像在那里，我给了10个滚动rmission。因此，在10个卷轴中，它将覆盖背景中的整个图像，但在顶部会有一个静止的图像，这将是固定的，不应该移动。是否可以在一个屏幕中实现，我不知道，所以我尝试了2。希望你能理解我的疑问
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@raw/sanfran" />

</FrameLayout>

  pager.setBackgroundAsset(R.raw.building);