Question

我熟悉Android开发，但我有一段时间没有编写代码。我不熟悉使用Fragments，所以我只想获得一些快速的布局建议。

我正在创建一个应用程序，我想在不同的视图之间滑动，但在活动的底部也有一个常量覆盖。将有三个不同的视图，但我不想要标签（TabHost等）。我只想要一个恒定的叠加层，它将在顶部显示当前视图的名称，并在底部显示一个常量叠加层，它将包含用户名和一个按钮。这三个视图将只是解析JSON数据。

我不需要详细说明如何执行此操作，但任何建议都会很棒！我刚刚离开Android游戏太久了。

这里是我正在尝试创建的快速示例图片： Example

感谢您的帮助！

Answer 1

我不需要详细描述如何做到这一点，但任何建议会很棒！我刚刚离开了Android 游戏时间过长。

将两个叠加视图放在RelativeLayout中，一个与RelativeLayout的顶部对齐，另一个与RelativeLayout的底部对齐。要滑动基于json的视图，请使用ViewPager。我不知道您是否希望两个叠加视图在<{1}}内容的或之间的整个ViewPager内容两个叠加层，取决于您想要的内容，您可以将ViewPager放在ViewPager中的前两个视图之间，或者只设置是否填充RelativeLayout（并置于它们下方））。

Answer 2

为简单起见，添加一些可在互联网上找到的代码。

public class AwesomePagerActivity extends Activity {

private ViewPager awesomePager;
private static int NUM_AWESOME_VIEWS = 20;
private Context cxt;
private AwesomePagerAdapter awesomeAdapter;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_awesome_pager);
    cxt = this;

    awesomeAdapter = new AwesomePagerAdapter();
    awesomePager = (ViewPager) findViewById(R.id.awesomepager);
    awesomePager.setAdapter(awesomeAdapter);
}

private class AwesomePagerAdapter extends PagerAdapter {

    @Override
    public int getCount() {
        return NUM_AWESOME_VIEWS;
    }


    @Override
    public Object instantiateItem(ViewGroup collection, int position) {
        TextView text = new TextView(cxt);
        text.setTextSize(50);
                    text.setText("Text"+position);
        collection.addView(text, 0);

        return text;
    }


    @Override
    public void destroyItem(ViewGroup collection, int position, Object view) {
        collection.removeView((TextView) view);
    }


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

    @Override
    public void finishUpdate(ViewGroup arg0) {
    }

    @Override
    public void restoreState(Parcelable arg0, ClassLoader arg1) {
    }

    @Override
    public Parcelable saveState() {
        return null;
    }

    @Override
    public void startUpdate(ViewGroup arg0) {
    }
            @Override
    public int getItemPosition(Object object) {
        // TODO Auto-generated method stub
        return POSITION_NONE;
    }
           }
         }

您可以添加图片而不是创建新的TextView。只需在您想要更改视图的xml中添加ViewPager。无需根据需要创建新的视图（可以是任何图像，TextView等）。

添加xml也是为了更好地理解。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<android.support.v4.view.ViewPager
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:id="@+id/awesomepager"/>
</LinearLayout>

Answer 3

您需要像这样创建PagerAdapter：

public class SamplePagerAdapter extends PagerAdapter{

List<View> pages = null;

public SamplePagerAdapter(List<View> pages){
    this.pages = pages;
}

@Override
public Object instantiateItem(View collection, int position){
    View v = pages.get(position);
    ((ViewPager) collection).addView(v, 0);
    return v;
}

@Override
public void destroyItem(View collection, int position, Object view){
    ((ViewPager) collection).removeView((View) view);
}

@Override
public int getCount(){
    return pages.size();
}

@Override
public boolean isViewFromObject(View view, Object object){
    return view.equals(object);
}

@Override
public void finishUpdate(View arg0){
}

@Override
public void restoreState(Parcelable arg0, ClassLoader arg1){
}

@Override
public Parcelable saveState(){
    return null;
}

@Override
public void startUpdate(View arg0){
}

}

然后创建fragmnet并将这样的代码放到onCreateView

LayoutInflater inflater = LayoutInflater.from(this);
    List<View> pages = new ArrayList<View>();

    View page = inflater.inflate(R.layout.page, null);
    TextView textView = (TextView) page.findViewById(R.id.text_view);
    textView.setText("page1");
    pages.add(page);

    page = inflater.inflate(R.layout.page, null);
    textView = (TextView) page.findViewById(R.id.text_view);
    textView.setText("page2");
    pages.add(page);

    page = inflater.inflate(R.layout.page, null);
    textView = (TextView) page.findViewById(R.id.text_view);
    textView.setText("page 3");
    pages.add(page);

    SamplePagerAdapter pagerAdapter = new SamplePagerAdapter(pages);
    ViewPager viewPager = new ViewPager(this);
    viewPager.setAdapter(pagerAdapter);
    viewPager.setCurrentItem(1);     

    setContentView(viewPager);

创建一些接口来监听片段上的ViewChange，并将当前页面通过接口传递给主要活动。那是所有人：）

Answer 4

我知道这有点晚了，但对于寻找答案的其他人来说可能会有用。

另一种选择是使用托管ViewPager的FrameLayout以及按钮/文字/其他任何你想要的内容。

这是一个给你一个想法的例子：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- ViewPager for main screen -->
    <android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <Button
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:layout_gravity="bottom|center_horizontal"
        />

    <Button
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:layout_gravity="top|center_horizontal"
        />

</FrameLayout>

注意：订单很重要！首先定义的视图将位于所有其他视图之下。

使用常量叠加在视图之间滑动

4 个答案: