在ViewPager中打開新視圖

在我的android應用上使用Devlight NavigationTabBar。這裏是整個代碼：在ViewPager中打開新視圖

@Override 
    protected void onCreate(final Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_horizontal_ntb); 
     initUI(); 
    } 

    private void initUI() { 
     final ViewPager viewPager = (ViewPager) findViewById(R.id.vp_horizontal_ntb); 
     viewPager.setAdapter(new PagerAdapter() { 
      @Override 
      public int getCount() { 
       return 5; 
      } 

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

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

      @Override 
      public Object instantiateItem(final ViewGroup container, final int position) { 

       final View viewNews = LayoutInflater.from(
         getBaseContext()).inflate(R.layout.item_vp_list, null, false); 

       final View ViewSol = LayoutInflater.from(
         getBaseContext()).inflate(R.layout.activity_sol, null, false); 

       final View viewProfile = LayoutInflater.from(
         getBaseContext()).inflate(R.layout.activity_profile, null, false); 

       final View viewContact = LayoutInflater.from(
         getBaseContext()).inflate(R.layout.activity_contact, null, false); 

       View finalView = null; 

       if (position == 0) { 
        final RecyclerView recyclerView = (RecyclerView) viewNews.findViewById(R.id.rv); 
        recyclerView.setHasFixedSize(true); 
        recyclerView.setLayoutManager(new LinearLayoutManager(
            getBaseContext(), LinearLayoutManager.VERTICAL, false 
          ) 
        ); 
        recyclerView.setAdapter(new RecycleAdapter()); 
        container.addView(viewNews); 
        finalView = viewNews; 
       } else if (position == 1) { 
        container.addView(viewSol); 
        finalView = viewSol; 
       } else if (position == 2) { 
        container.addView(viewProfile); 
        finalView = viewProfile; 
       } else if (position == 3){ 
        container.addView(viewContact); 
        finalView = viewContact; 
       } 

       return finalView; 
      } 
     }); 

     final String[] colors = getResources().getStringArray(R.array.default_preview); 

     final NavigationTabBar navigationTabBar = (NavigationTabBar) findViewById(R.id.ntb_horizontal); 
     final ArrayList<NavigationTabBar.Model> models = new ArrayList<>(); 
     models.add(
       new NavigationTabBar.Model.Builder(
         getResources().getDrawable(R.drawable.ic_library), 
         Color.parseColor(colors[0])) 
         .selectedIcon(getResources().getDrawable(R.drawable.ic_library)) 
         .title("News") 
         .badgeTitle("+10") 
         .build() 
     ); 
     models.add(
       new NavigationTabBar.Model.Builder(
         getResources().getDrawable(R.drawable.ic_error_black_24dp), 
         Color.parseColor(colors[1])) 
//      .selectedIcon(getResources().getDrawable(R.drawable.ic_eighth)) 
         .title("Solicitation") 
         //.badgeTitle("with") 
         .build() 
     ); 
     models.add(
       new NavigationTabBar.Model.Builder(
         getResources().getDrawable(R.drawable.ic_person_black_24dp), 
         Color.parseColor(colors[3])) 
//      .selectedIcon(getResources().getDrawable(R.drawable.ic_eighth)) 
         .title("My Account") 
         //.badgeTitle("icon") 
         .build() 
     ); 
     models.add(
       new NavigationTabBar.Model.Builder(
         getResources().getDrawable(R.drawable.ic_phone_black_24dp), 
         Color.parseColor(colors[2])) 
         .selectedIcon(getResources().getDrawable(R.drawable.ic_phone_black_24dp)) 
         .title("Contact") 
         //.badgeTitle("state") 
         .build() 
     ); 

     navigationTabBar.setModels(models); 
     navigationTabBar.setViewPager(viewPager, 2); 
     navigationTabBar.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { 
      @Override 
      public void onPageScrolled(final int position, final float positionOffset, final int positionOffsetPixels) { 

      } 

      @Override 
      public void onPageSelected(final int position) { 
       navigationTabBar.getModels().get(position).hideBadge(); 
      } 

      @Override 
      public void onPageScrollStateChanged(final int state) { 

      } 
     }); 

     navigationTabBar.postDelayed(new Runnable() { 
      @Override 
      public void run() { 
       for (int i = 0; i < navigationTabBar.getModels().size(); i++) { 
        final NavigationTabBar.Model model = navigationTabBar.getModels().get(i); 
        navigationTabBar.postDelayed(new Runnable() { 
         @Override 
         public void run() { 
          //model.showBadge(); 
         } 
        }, i * 100); 
       } 
      } 
     }, 500); 
    }

正如你所看到的，每當我選擇一個標籤，它就會在視圖尋呼機中打開視圖。

但是，我不知道如何打開另一個視圖，當我點擊一個按鈕。我試圖用意圖開始一個全新的活動，但它崩潰，並不是我想要的。

我要的是打開視圖上viewpager ViewPager viewPager = (ViewPager) findViewById(R.id.vp_horizontal_ntb);

如果我實現這個：

public void openNewView(View view) { 
    //the code to open a view inside the viewpager should go here 
}

我如何進行？

來源

2017-02-09 Rosenberg

在最初設置爲Visibility = GONE或Invisible的佈局中添加視圖到您的viewPager，並在希望它在屏幕上可見時將其更改爲Visible。

https://developer.android.com/reference/android/view/View.html#GONE

或者使用layoutInflater從另一個佈局視圖添加到您的viewpager

https://developer.android.com/reference/android/view/LayoutInflater.html

來源

2017-02-09 21:03:52 SBC

要在一些點擊按鈕打開一個新的視圖，你可以這樣做：

假設你想在第一個按鈕上有一個新的視圖，那麼在PagerAdapter的方法instantiateItem中，你可以檢查位置是否爲0。

如果位置爲0，那麼你可以膨脹那個你想要顯示的佈局。

是這樣的：

  @Override 
      public Object instantiateItem(final ViewGroup container, final int position) { 
if (position == 0) 
{ 
       final View view = LayoutInflater.from(
         getBaseContext()).inflate(R.layout.your_layout, null, false); 

       final TextView txtPage = (TextView) view.findViewById(R.id.txt_vp_item_page); 
       txtPage.setText(String.format("Page #%d", position)); 

       container.addView(view); 
       return view; 
} 
else if (position == 1) 
{ 
       final View view = LayoutInflater.from(
         getBaseContext()).inflate(R.layout.item_vp, null, false); 

       final TextView txtPage = (TextView) view.findViewById(R.id.txt_vp_item_page); 
       txtPage.setText(String.format("Page #%d", position)); 

       container.addView(view); 
       return view; 
} 
else 
{ 

       final View view = LayoutInflater.from(
         getBaseContext()).inflate(R.layout.item_vp, null, false); 

       final TextView txtPage = (TextView) view.findViewById(R.id.txt_vp_item_page); 
       txtPage.setText(String.format("Page #%d", position)); 

       container.addView(view); 
       return view; 
} 
      }

爲了使你的代碼更加模塊化，您可以使用您的自定義片段，並與他們在您的適配器。

希望這會有所幫助

來源

2017-02-11 13:56:01

在ViewPager中打開新視圖

回答

相關問題