如何在 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 文件