Application panel with a view of the edge of the fragment

Question

How to create an application bar, for example, in a Gmail application?

That is, when the navigation box A / crashed
B / extended
The search icon [belonging to the email list snippet] corresponds to the right edge of the snippet.

See images below for cases A and B.

Suppose you use an AppBar application with Android 5, for example:

• Toolbar
• AppBarLayout
• CoordinatorLayout

Tnx!

Answer 1

Your application has several elements. I will guide you through the pages you need to find the answers you need to complete your project.

To implement the search function in the application bar, this answer will definitely help you. I have never done this myself, but I'm sure you will find the answers to this post.

To realize the rest of the screen, I would choose the combination of the "Master / Detailed Flow" action along with the navigation box. Therefore, when creating a project, I would select the Master / Detail stream as the main action (part of Android Studio samples) and add the following code to it:

public class NavDrawerListAdapter extends BaseAdapter { private Context context; private ArrayList<NavDrawerItem> navDrawerItems; public NavDrawerListAdapter(Context context, ArrayList<NavDrawerItem> navDrawerItems){ this.context = context; this.navDrawerItems = navDrawerItems; } @Override public int getCount() { return navDrawerItems.size(); } @Override public Object getItem(int position) { return navDrawerItems.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { if (convertView == null) { LayoutInflater mInflater = (LayoutInflater) context.getSystemService(Activity.LAYOUT_INFLATER_SERVICE); convertView = mInflater.inflate(R.layout.drawer_list_item, null); } ImageView imgIcon = (ImageView) convertView.findViewById(R.id.icon); TextView txtTitle = (TextView) convertView.findViewById(R.id.title); TextView txtCount = (TextView) convertView.findViewById(R.id.counter); imgIcon.setImageResource(navDrawerItems.get(position).getIcon()); txtTitle.setText(navDrawerItems.get(position).getTitle()); // displaying count // check whether it set visible or not if(navDrawerItems.get(position).getCounterVisibility()){ txtCount.setText(navDrawerItems.get(position).getCount()); }else{ // hide the counter view txtCount.setVisibility(View.GONE); } return convertView; } } 

Hope this helps :)