2024年TabLayout学习笔记(简介及进阶)(2),最新美团点评android团队面试题目

面试宝典

面试必问知识点、BATJ历年历年面试真题+解析

学习经验总结

(一)调整好心态
心态是一个人能否成功的关键,如果不调整好自己的心态,是很难静下心来学习的,尤其是现在这么浮躁的社会,大部分的程序员的现状就是三点一线,感觉很累,一些大龄的程序员更多的会感到焦虑,而且随着年龄的增长,这种焦虑感会越来越强烈,那么唯一的解决办法就是调整好自己的心态,要做到自信、年轻、勤奋。这样的调整,一方面对自己学习有帮助,另一方面让自己应对面试更从容,更顺利。

(二)时间挤一挤,制定好计划
一旦下定决心要提升自己,那么再忙的情况下也要每天挤一挤时间,切记不可“两天打渔三天晒网”。另外,制定好学习计划也是很有必要的,有逻辑有条理的复习,先查漏补缺,然后再系统复习,这样才能够做到事半功倍,效果才会立竿见影。

(三)不断学习技术知识,更新自己的知识储备
对于一名程序员来说,技术知识方面是非常重要的,可以说是重中之重。**要面试大厂,自己的知识储备一定要非常丰富,若缺胳膊少腿,别说在实际工作当中,光是面试这一关就过不了。**对于技术方面,首先基础知识一定要扎实,包括自己方向的语言基础、计算机基础、算法以及编程等等。

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

前言:小白入门学习博客,大佬可以直接跳过此博客(大佬轻喷哈)

TabLayout简介:

TabLayout是属于容器控件, 提供水平显示Tab的效果. 常常和ViewPager配合使用。Tablayout继承自HorizontalScrollView,用作页面切换指示器,因使用简便功能强大而广泛使用在App中。

TabLayout属性简介

android.support.design:tabBackground — 设置的背景。

android.support.design:tabContentStart — 相对起始位置tab的Y轴偏移量。

android.support.design:tabGravity — tab的布局方式,两个值GRAVITY_CENTER (内容中心显示) 和 GRAVITY_FILL (内容尽可能充满TabLayout)。

android.support.design:tabIndicatorColor — 设置tab指示器(tab的下划线)的颜色。

android.support.design:tabIndicatorHeight — 设置tab指示器(tab的下划线)的高度。

android.support.design:tabMaxWidth — 设置tab选项卡的最大宽度。

android.support.design:tabMinWidth — 设置tab选项卡的最小宽度。

android.support.design:tabMode — 设置布局中tab选项卡的行为模式,两个常量MODE_FIXED (固定的tab)和 MODE_SCROLLABLE(滑动的tab)。

android.support.design:tabPadding — 设置tab的内边距(上下左右)。

android.support.design:tabPaddingBottom — 设置tab的底部内边距。

android.support.design:tabPaddingEnd — 设置tab的右侧内边距。

android.support.design:tabPaddingStart — 设置tab的左侧内边距。

android.support.design:tabPaddingTop — 设置tab的上方内边距。

android.support.design:tabSelectedTextColor — 设置tab被选中时的文本颜色。

android.support.design:tabTextColor — 设置tab默认的文本颜色。

android.support.design:tabTextAppearance — 设置tab的TextAppearance样式的引用,可以引用另一个资

常用属性:

app:tabIndicatorColor :指示线的颜色

app:tabIndicatorHeight :指示线的高度

app:tabSelectedTextColor : tab选中时的字体颜色

app:tabMode=“scrollable” : 默认是fixed,固定的;scrollable:可滚动的

添加依赖:

这是Android Design 包下的类, 该包是Android5.0 引入的UI包

compile ‘com.android.support:design:25.2.0’

布局

<android.support.design.widget.TabLayout

android:id=“@+id/tab_layout”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”>

</android.support.design.widget.TabLayout>

代码:

public classMainActivityextendsAppCompatActivity{

@BindView(R.id.tab_layout)

TabLayout mTabLayout;

@Override

protectedvoidonCreate(Bundle savedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ButterKnife.bind(this);

mTabLayout.addTab(mTabLayout.newTab().setText(“首页”));

mTabLayout.addTab(mTabLayout.newTab().setText(“分类”));

mTabLayout.addTab(mTabLayout.newTab().setText(“设置”));

}

效果图:

使用滚动的标签指示器和滑动的内容页面,是手机应用经常出现的一种设计风格,常见的比较出名的应用有:微信(首页)、网易新闻、今日头条和知乎等。Google在Support Design包中发布了一些列新的控件,其中就包括TabLayout。配合着ViewPager和Fragment的使用,TabLayout可以帮助开发者们分分钟打造一个滑动标签页,非常方便。本文将介绍TabLayout的两种常见使用场景:顶部标签页(如知乎),底部菜单栏(如微信)。先看一下最终能够实现的效果:

顶部标签页:

TabLayout的使用需要借助Android Design包,所以我们需要在 build.gradle中引入design包

compile ‘com.android.support:design:23.3.0’

在布局文件 activity_tab_layout.xml 中加入TabLayout和ViewPager控件:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”>

<include

layout=“@layout/include_toolbar”/>

<android.support.design.widget.TabLayout

android:id=“@+id/tl_tab”

android:layout_width=“match_parent”

android:layout_height=“@dimen/dp_48”

android:background=“@color/blue”>

</android.support.design.widget.TabLayout>

<android.support.v4.view.ViewPager

android:id=“@+id/vp_content”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

</android.support.v4.view.ViewPager>

然后我们看一下 TabLayoutActivity 中的代码:

package com.yifeng.mdstudysamples;

import android.os.Bundle;

import android.support.annotation.Nullable;

import android.support.design.widget.TabLayout;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentPagerAdapter;

import android.support.v4.content.ContextCompat;

import android.support.v4.view.ViewCompat;

import android.support.v4.view.ViewPager;

import android.view.Menu;

import android.view.MenuItem;

import java.util.ArrayList;

import java.util.List;

public class TabLayoutActivity extends BaseActivity {

private TabLayout mTabTl;

private ViewPager mContentVp;

private List tabIndicators;

private List tabFragments;

private ContentPagerAdapter contentAdapter;

@Override

protected void onCreate(@Nullable Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_tab_layout);

mTabTl = (TabLayout) findViewById(R.id.tl_tab);

mContentVp = (ViewPager) findViewById(R.id.vp_content);

initContent();

initTab();

}

private void initTab(){

mTabTl.setTabMode(TabLayout.MODE_SCROLLABLE);

mTabTl.setTabTextColors(ContextCompat.getColor(this, R.color.gray), ContextCompat.getColor(this, R.color.white));

mTabTl.setSelectedTabIndicatorColor(ContextCompat.getColor(this, R.color.white));

ViewCompat.setElevation(mTabTl, 10);

mTabTl.setupWithViewPager(mContentVp);

}

private void initContent(){

tabIndicators = new ArrayList<>();

for (int i = 0; i < 3; i++) {

tabIndicators.add("Tab " + i);

}

tabFragments = new ArrayList<>();

for (String s : tabIndicators) {

tabFragments.add(TabContentFragment.newInstance(s));

}

contentAdapter = new ContentPagerAdapter(getSupportFragmentManager());

mContentVp.setAdapter(contentAdapter);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.menu_tab_layout, menu);

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

switch (item.getItemId()) {

case R.id.tab_add:

tabIndicators.add("Tab " + tabIndicators.size());

tabFragments.add(TabContentFragment.newInstance(tabIndicators.get(tabIndicators.size()-1)));

contentAdapter.notifyDataSetChanged();

return true;

case R.id.tab_mode_fixed:

mTabTl.setTabMode(TabLayout.MODE_FIXED);

return true;

case R.id.tab_mode_scrollable:

mTabTl.setTabMode(TabLayout.MODE_SCROLLABLE);

break;

}

return super.onOptionsItemSelected(item);

}

class ContentPagerAdapter extends FragmentPagerAdapter{

public ContentPagerAdapter(FragmentManager fm) {

super(fm);

}

@Override

public Fragment getItem(int position) {

return tabFragments.get(position);

}

@Override

public int getCount() {

return tabIndicators.size();

}

@Override

public CharSequence getPageTitle(int position) {

return tabIndicators.get(position);

}

}

}

核心代码有两个地方,第一个是 setupWithViewPager 方法将TabLayout和ViewPager绑定在一起,使双方各自的改变都能直接影响另一方,解放了开发人员对双方变动事件的监听;第二个是在ViewPager的Adapter适配器中重写 getPageTitle 方法,在这个方法中设置标签指示器的标题。

底部菜单栏

上面我们使用了系统定义好的View做了一个纯文字加下划线组合的标签指示器。其实,我们也能自定义一个布局,然后赋值给TabLayout的Tab视图,比如做一个微信首页界面。

相比顶部标签指示器,底部菜单栏只是将TabLayout布局在了下面:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”>

<include

layout=“@layout/include_toolbar”/>

<android.support.v4.view.ViewPager

android:id=“@+id/vp_content”

android:layout_width=“match_parent”

android:layout_height=“0dp”

android:layout_weight=“1”>

</android.support.v4.view.ViewPager>

<android.support.design.widget.TabLayout

android:id=“@+id/tl_tab”

android:layout_width=“match_parent”

android:layout_height=“@dimen/dp_56”

android:background=“@color/white”>

</android.support.design.widget.TabLayout>

在Activity代码中,设置TabLayout的指示器高度为0,即达到了隐藏Indicator的目的,然后通过getTabAt(position)的方法获取TabLayout的每一个Tab,并赋值为自定义布局视图,代码也很简单:

import android.os.Bundle;

import android.support.annotation.Nullable;

import android.support.design.widget.TabLayout;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentPagerAdapter;

import android.support.v4.view.ViewCompat;

import android.support.v4.view.ViewPager;

import android.widget.TextView;

import java.util.ArrayList;

import java.util.List;

/**

  • Created by yifeng on 16/8/3.

*/

public class TabLayoutBottomActivity extends BaseActivity {

private TabLayout mTabTl;

private ViewPager mContentVp;

private List tabIndicators;

private List tabFragments;

private ContentPagerAdapter contentAdapter;

@Override

protected void onCreate(@Nullable Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_tab_layout_bottom);

mTabTl = (TabLayout) findViewById(R.id.tl_tab);

mContentVp = (ViewPager) findViewById(R.id.vp_content);

initContent();

initTab();

}

private void initTab(){

mTabTl.setTabMode(TabLayout.MODE_FIXED);

mTabTl.setSelectedTabIndicatorHeight(0);

ViewCompat.setElevation(mTabTl, 10);

mTabTl.setupWithViewPager(mContentVp);

for (int i = 0; i < tabIndicators.size(); i++) {

TabLayout.Tab itemTab = mTabTl.getTabAt(i);

if (itemTab!=null){

itemTab.setCustomView(R.layout.item_tab_layout_custom);

TextView itemTv = (TextView) itemTab.getCustomView().findViewById(R.id.tv_menu_item);

itemTv.setText(tabIndicators.get(i));

}

}

mTabTl.getTabAt(0).getCustomView().setSelected(true);

}

private void initContent(){

tabIndicators = new ArrayList<>();

for (int i = 0; i < 4; i++) {

tabIndicators.add("Tab " + i);

}

tabFragments = new ArrayList<>();

for (String s : tabIndicators) {

tabFragments.add(TabContentFragment.newInstance(s));

}

contentAdapter = new ContentPagerAdapter(getSupportFragmentManager());

mContentVp.setAdapter(contentAdapter);

}

class ContentPagerAdapter extends FragmentPagerAdapter{

public ContentPagerAdapter(FragmentManager fm) {

super(fm);

}

@Override

public Fragment getItem(int position) {

return tabFragments.get(position);

文末

我总结了一些Android核心知识点,以及一些最新的大厂面试题、知识脑图和视频资料解析。

以后的路也希望我们能一起走下去。(谢谢大家一直以来的支持)

部分资料一览:

  • 330页PDF Android学习核心笔记(内含8大板块)

  • Android学习的系统对应视频

  • Android进阶的系统对应学习资料

  • Android BAT大厂面试题(有解析)

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

fm);

}

@Override

public Fragment getItem(int position) {

return tabFragments.get(position);

文末

我总结了一些Android核心知识点,以及一些最新的大厂面试题、知识脑图和视频资料解析。

以后的路也希望我们能一起走下去。(谢谢大家一直以来的支持)

部分资料一览:

  • 330页PDF Android学习核心笔记(内含8大板块)

[外链图片转存中…(img-VlIP8T7X-1715716789460)]

[外链图片转存中…(img-wWIfSkUC-1715716789460)]

  • Android学习的系统对应视频

  • Android进阶的系统对应学习资料

[外链图片转存中…(img-jPq4F39t-1715716789461)]

  • Android BAT大厂面试题(有解析)

[外链图片转存中…(img-xKxfP2aw-1715716789461)]

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值