📌  相关文章
📜  如何在 Android 应用程序中使用 Header2ActionBar 库?

📅  最后修改于: 2022-05-13 01:55:05.243000             🧑  作者: Mango

如何在 Android 应用程序中使用 Header2ActionBar 库?

Header2ActionBar是一个库,它为操作栏实现了漂亮的淡入/淡出动画效果。它还提供了在 ActionBar 中添加标题图像、标题和副标题的能力。在本文中,我们将使用Java语言在 Android 应用程序中实现这个库。下面给出了一个示例 GIF,以了解我们将在本文中做什么。请注意,我们将使用Java语言来实现这个项目。

分步实施

第 1 步:创建一个新项目

要在 Android Studio 中创建新项目,请参阅如何在 Android Studio中创建/启动新项目。请注意,选择Java作为编程语言。

第二步:添加库依赖



  • 导航到Project > Project Name > app > src > main
  • 右键单击main并选择新建 > 目录
  • 输入libs作为目录名
  • 这里下载库并将其粘贴到 libs 目录中。
  • 导航到Gradle Scripts > build.gradle(Module:app) ,在依赖项部分添加库,并同步项目。
dependencies {
    implementation files('src/main/libs/Header2ActionBar-0.2.1.jar')
}

步骤 3:使用 activity_main.xml 文件

导航到app > res > layout > activity_main.xml并参考以下代码。下面是activity_main.xml文件的代码。

XML


XML

    
  
    
    
  


XML


  
    
    
  


XML


  
    
    
  
    
    
  
        
        
  
        
        
  
    
  


Java
import android.app.Activity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
  
import com.achep.header2actionbar.HeaderFragment;
  
// extending to HeaderFragment
public class Fragment extends HeaderFragment {
  
    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
  
        // Handles the fading action of actionbar
        setHeaderBackgroundScrollMode(HEADER_BACKGROUND_SCROLL_PARALLAX);
        setOnHeaderScrollChangedListener(new OnHeaderScrollChangedListener() {
            @Override
            public void onHeaderScrollChanged(float progress, int height, int scroll) {
                  
                height -= getActivity().getActionBar().getHeight();
  
                progress = (float) scroll / height;
                if (progress > 1f) progress = 1f;
  
                progress = (1 - (float) Math.cos(progress * Math.PI)) * 0.5f;
  
                ((MainActivity) getActivity())
                        .getFadingActionBarHelper()
                        .setActionBarAlpha((int) (255 * progress));
            }
        });
    }
  
    @Override
    public View onCreateHeaderView(LayoutInflater inflater, ViewGroup container) {
        // sets the header background of actionbar in expanded form
        return inflater.inflate(R.layout.fragment_header, container, false);
    }
  
    @Override
    public View onCreateContentView(LayoutInflater inflater, ViewGroup container) {
        // sets the main content below actionbar
        return inflater.inflate(R.layout.main_content, container, false);
    }
  
    @Override
    public View onCreateContentOverlayView(LayoutInflater inflater, ViewGroup container) {
        return null;
    }
}


Java
import android.app.Activity;
import android.os.Bundle;
  
import com.achep.header2actionbar.FadingActionBarHelper;
  
public class MainActivity extends Activity {
  
    private FadingActionBarHelper mFadingActionBarHelper;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // Initializing the header2actionbar FadingActionBarHelper
        mFadingActionBarHelper = new FadingActionBarHelper(getActionBar(),
                getResources().getDrawable(R.drawable.ab_background));
        // drawable sets the background of action bar in collapsed form
  
        if (savedInstanceState == null) {
            getFragmentManager().beginTransaction()
                    .add(R.id.container, new Fragment())
                    .commit();
        }
    }
  
    // getter for FadingActionBarHelper
    public FadingActionBarHelper getFadingActionBarHelper() {
        return mFadingActionBarHelper;
    }
}


第 4 步:使用 style.xml 文件

导航到app > res > values> styles.xml并参考以下代码。下面是styles.xml文件的代码。

XML


    
  
    
    
  

步骤 5:使用 main_content.xml 文件



  • 导航到应用程序 > res > 布局
  • 右键单击布局并选择新建 > 布局资源文件
  • 现在将出现一个对话框,然后将文件名添加为main_content并按 OK。
  • 下面是main_content.xml文件的代码。

XML



  
    
    
  

步骤 6:使用 fragment_header.xml 文件

  • 导航到应用程序 > res > 布局
  • 右键单击布局并选择新建 > 布局资源文件
  • 现在将出现一个对话框,然后将文件名添加为fragment_header并按 OK。
  • 下面是fragment_header.xml文件的代码。

XML



  
    
    
  
    
    
  
        
        
  
        
        
  
    
  

第 7 步:使用 Fragment。 Java文件

  • 导航到应用程序 > Java> package_name
  • 右键单击package_name并选择New > Java Class
  • 现在将出现一个对话框,然后将文件名添加为片段并按确定。
  • 下面是片段的代码。 Java文件。

Java

import android.app.Activity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
  
import com.achep.header2actionbar.HeaderFragment;
  
// extending to HeaderFragment
public class Fragment extends HeaderFragment {
  
    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
  
        // Handles the fading action of actionbar
        setHeaderBackgroundScrollMode(HEADER_BACKGROUND_SCROLL_PARALLAX);
        setOnHeaderScrollChangedListener(new OnHeaderScrollChangedListener() {
            @Override
            public void onHeaderScrollChanged(float progress, int height, int scroll) {
                  
                height -= getActivity().getActionBar().getHeight();
  
                progress = (float) scroll / height;
                if (progress > 1f) progress = 1f;
  
                progress = (1 - (float) Math.cos(progress * Math.PI)) * 0.5f;
  
                ((MainActivity) getActivity())
                        .getFadingActionBarHelper()
                        .setActionBarAlpha((int) (255 * progress));
            }
        });
    }
  
    @Override
    public View onCreateHeaderView(LayoutInflater inflater, ViewGroup container) {
        // sets the header background of actionbar in expanded form
        return inflater.inflate(R.layout.fragment_header, container, false);
    }
  
    @Override
    public View onCreateContentView(LayoutInflater inflater, ViewGroup container) {
        // sets the main content below actionbar
        return inflater.inflate(R.layout.main_content, container, false);
    }
  
    @Override
    public View onCreateContentOverlayView(LayoutInflater inflater, ViewGroup container) {
        return null;
    }
}

第 8 步:使用 MainActivity。 Java文件

转到主活动。 Java文件,参考如下代码。下面是MainActivity的代码。 Java文件。代码中添加了注释以更详细地理解代码。

Java

import android.app.Activity;
import android.os.Bundle;
  
import com.achep.header2actionbar.FadingActionBarHelper;
  
public class MainActivity extends Activity {
  
    private FadingActionBarHelper mFadingActionBarHelper;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // Initializing the header2actionbar FadingActionBarHelper
        mFadingActionBarHelper = new FadingActionBarHelper(getActionBar(),
                getResources().getDrawable(R.drawable.ab_background));
        // drawable sets the background of action bar in collapsed form
  
        if (savedInstanceState == null) {
            getFragmentManager().beginTransaction()
                    .add(R.id.container, new Fragment())
                    .commit();
        }
    }
  
    // getter for FadingActionBarHelper
    public FadingActionBarHelper getFadingActionBarHelper() {
        return mFadingActionBarHelper;
    }
}

输出:

GitHub 存储库:单击此处下载 ZIP 文件