【问题标题】:Change FloatingActionButton from a Fragment in a Tabbed Activity从选项卡式活动中的片段更改 FloatingActionButton
【发布时间】:2018-10-20 20:04:53
【问题描述】:

你好吗? 我是android编程的新手。我正面临一个我试图处理的问题。但是,我做不到。 我创建了一个新项目。选项卡式活动。

我已经更改了它的一些设置。 对于每个选项卡,我创建一个片段。 我在 MainActity 布局中保留了默认的 floatingActionButton。 我试图从一个片段中访问它。

出现错误。 这是我的 MainActivity 类:

public class MainActivity extends AppCompatActivity {
private SectionsPagerAdapter mSectionsPagerAdapter;
private ViewPager mViewPager;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    // Create the adapter that will return a fragment for each of the three
    // primary sections of the activity.
    mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());
    mViewPager = (ViewPager) findViewById(R.id.container);
    mViewPager.setAdapter(mSectionsPagerAdapter);

    TabLayout tabLayout = (TabLayout) findViewById(R.id.Main_FAB);

    mViewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
    tabLayout.addOnTabSelectedListener(new TabLayout.ViewPagerOnTabSelectedListener(mViewPager));


}

public class SectionsPagerAdapter extends FragmentPagerAdapter {
    public SectionsPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        switch (position)
        {
            case 0 : Summary summary = new Summary(); return summary ;
            case 1 : Expense_items expenseItems = new Expense_items(); return expenseItems;
            case 2 : Linage_items linage_items= new Linage_items(); return linage_items;
            default: return null;
        }
    }

    @Override
    public int getCount() {
        // Show 3 total pages.
        return 3;
    }
}
}

我的摘要片段如下:

public class Summary extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    View rootView = inflater.inflate(R.layout.fragment_summary, container, false);
    TextView summary_text = (TextView) rootView.findViewById(R.id.summary_text);
    summary_text.setText("You are in Summary Fragment Fragment");
    FloatingActionButton myFB  = (FloatingActionButton) rootView.findViewById(R.id.fab);

    return rootView;
}
}

在我的 MainActivity 布局中,我创建了 floatingActionButton,如下所示:

<android.support.design.widget.FloatingActionButton
    android:id="@+id/Main_FAB"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end|bottom"
    android:layout_margin="@dimen/fab_margin"
    app:srcCompat="@android:drawable/ic_dialog_email" />

我不想在 Fragments 中创建 FloatingActionButton 的原因是我不想更改它在布局中的位置。

【问题讨论】:

    标签: android android-fragments floating-action-button


    【解决方案1】:

    您必须在处理所有片段的 MainActiviy 中处理浮动按钮。 尝试在您的 MainActity 中执行此操作:

             myFab = (FloatingActionButton) findViewById(R.id.Main_FAB);
        myFab.setImageDrawable(ContextCompat.getDrawable(getApplicationContext(), iconIntArray[0]));
    
        myFab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                int position = tabLayout.getSelectedTabPosition();
    
                switch (position) {
                    case 0:
                        myFab.setImageDrawable(ContextCompat.getDrawable(MainActivity.this, iconIntArray[0]));
    
                        intent = new Intent(MainActivity.this,
                                EnterExpensesActivity.class);
                        intent.putExtra("USER_ID",USER_ID);
                        intent.putExtra("FRAGMENT",0);
    
                        intent.putExtra("TITLE",getResources().getString(R.string.Enter_Expense_title));
                        intent.putExtra("FILED",getResources().getString(R.string.Enter_Expense_text));
                        startActivity(intent);
    
                        break;
                    case 1:
                        myFab.setImageDrawable(ContextCompat.getDrawable(MainActivity.this, iconIntArray[position]));
                        intent = new Intent(MainActivity.this,
                                Enter_E_L_Items.class);
                        intent.putExtra("USER_ID",USER_ID);
                        intent.putExtra("FRAGMENT",0);
    
                        intent.putExtra("TITLE",getResources().getString(R.string.Enter_Expense_title));
                        intent.putExtra("FILED",getResources().getString(R.string.Enter_Expense_text));
    
                        startActivity(intent);
                        /*
                        Snackbar.make(view, "Expenses ", Snackbar.LENGTH_LONG)
                                .setAction("Action", null).show();*/
                    break;
                    case 2:
                        myFab.setImageDrawable(ContextCompat.getDrawable(MainActivity.this, iconIntArray[position]));
                        intent = new Intent(MainActivity.this,
                                Enter_E_L_Items.class);
                        intent.putExtra("USER_ID",USER_ID);
                        intent.putExtra("FRAGMENT",1);
                        intent.putExtra("TITLE",getResources().getString(R.string.Enter_Liange_title));
                        intent.putExtra("FILED",getResources().getString(R.string.Enter_Linage_text));
    
                        startActivity(intent);
                        /*
                        Snackbar.make(view, "Linage ", Snackbar.LENGTH_LONG)
                                .setAction("Action", null).show();*/
                        break;
                }
            }
        });
    

    我假设您使用的是默认的 Tab Activity

    您可以将浮动按钮的动画更改和设置为:

        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                viewpager.setCurrentItem(tab.getPosition());
                animateFab(tab.getPosition());
            }
    
            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
    
            }
    
            @Override
            public void onTabReselected(TabLayout.Tab tab) {
    
            }
        });
        setupTabIcons();
    
    }
    

    我创建了 animateFab 方法如下:

        protected void animateFab(final int position) {
        final FloatingActionButton fab = findViewById(R.id.Main_FAB);
        fab.clearAnimation();
    
        // Scale down animation
        ScaleAnimation shrink = new ScaleAnimation(1f, 0.1f, 1f, 0.1f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        shrink.setDuration(100);     // animation duration in milliseconds
        shrink.setInterpolator(new AccelerateInterpolator());
        shrink.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
    
            }
    
            @Override
            public void onAnimationEnd(Animation animation) {
                // Change FAB color and icon
                fab.setBackgroundTintList(ContextCompat.getColorStateList(getApplicationContext(), colorIntArray[position]));
                fab.setImageDrawable(ContextCompat.getDrawable(getApplicationContext(), iconIntArray[position]));
    
                // Rotate Animation
                Animation rotate = new RotateAnimation(60.0f, 0.0f,
                        Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
                        0.5f);
                rotate.setDuration(150);
                rotate.setInterpolator(new DecelerateInterpolator());
    
                // Scale up animation
                ScaleAnimation expand = new ScaleAnimation(0.1f, 1f, 0.1f, 1f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
                expand.setDuration(150);     // animation duration in milliseconds
                expand.setInterpolator(new DecelerateInterpolator());
    
                // Add both animations to animation state
                AnimationSet s = new AnimationSet(false); //false means don't share interpolators
                s.addAnimation(rotate);
                s.addAnimation(expand);
                fab.startAnimation(s);
            }
    
            @Override
            public void onAnimationRepeat(Animation animation) {
    
            }
        });
        fab.startAnimation(shrink);
    }
    

    【讨论】:

    • 什么是方法 .setImageDrawable
    • 这个方法应该是改变浮动按钮的图标。如果你愿意,你可以像我一样实现。我将编辑答案。
    【解决方案2】:

    你可以通过片段访问 MainActivity

    (MainActivity) getActivity()
    

    在 MainActivity 中,您可以创建一个类似

    的函数
    public void actionA()
    

    并通过

    从片段 A 中调用它
    ((MainActivity) getActivity()).actionA()
    

    来自fragmentB等的actionB。

    【讨论】:

      【解决方案3】:

      首先我可以看到,在您的 MainActivity 的 XML 文件中,您的工厂 id 是“Main_FAB” 不像你在这里写的那样'fab'

          FloatingActionButton myFB  = (FloatingActionButton) rootView.findViewById(R.id.fab);
      

      此外,您的工厂处于活动状态而不是片段中,因此要访问它,您需要在您的 onActivityCreated 方法的片段类,在这里您可以获取 FloatingActionButton 的实例。

      这是一个应该为您工作的示例。

      @Override
      public void onActivityCreated(@Nullable Bundle savedInstanceState) {
      super.onActivityCreated(savedInstanceState);
      myFab = (FloatingActionButton) getActivity().findViewById(R.id.Main_FAB);
      }
      

      【讨论】:

      • 我的选项卡式活动有三个片段。我在每个片段中复制了您的代码。我在 onActivityCreated 中创建了一个 Onclick 侦听器。当我在片段 1 中时,会出现片段 2 的文本。当我在 2 中时,会出现 frag 1 的文本。那么,我做错了什么?
      • 我不知道我能为您提供什么帮助,因为我不确定您希望通过此选项卡式活动和工厂实现什么结果,所以请首先让我知道这一点。
      • 很抱歉回复晚了。我有 3 个标签。对于每个选项卡,我想单独控制浮动按钮。因此,每个选项卡都建立在一个片段上。我想完全处理浮动按钮。例如。在选项卡 1 中:FloatingButton 背景图像是“调用”。行动是去电话拨号。选项卡 2。背景图像是“味精”。操作是转到消息。等等。我希望我说清楚了。
      • 因此您希望每个片段上的 fab 具有不同的行为。
      • 这正是我想要的
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-10-24
      • 1970-01-01
      • 1970-01-01
      • 2018-05-31
      • 1970-01-01
      相关资源
      最近更新 更多