tablayout

第7天ViewPagerViewPager+Fragment+TabLayout新闻头部标题导航（*****） ViewPager 一.效果 二.思路：1个ViewPager+5个Fragment+1个FragmentPagerAdapter+TabLayout 三.代码 ViewPager 一.效果 二.思路：1个ViewPager+5个Fragment+1个FragmentPagerAdapter+TabLayout 1.容器：ViewPager 2.数据：ArrayList<Fragment ArrayList<String 标题 3.适配器：FragmentViewPager 4.TabLayout：需要导入依赖 重写的方法： （1）getCount()：返回数据源的总数量 （2）getItem(): （3）getPageTitle():返回标题 三.代码 （1）导入依赖：implementation 'com.android.support:design:27.0.0’或者 implementation ‘com.android.support:design:28.0.0’ （2）布局activity_main.xml:ViewPager+TabLayout < ? xml version = "1.0" encoding = "utf-8" ? > <

APP市场中大多数新闻App都有导航菜单，导航菜单是一组标签的集合，在新闻客户端中，每个标签标示一个新闻类别，对应下面ViewPager控件的一个分页面，今日头条， 网易新闻等。 先演示下效果： 话不多说，直接开撸： 一、添加依赖 compile 'com.android.support:appcompat-v7:23.4.0' compile 'com.android.support:design:23.4.0' compile 'com.android.support:recyclerview-v7:23.4.0' compile 'com.android.support:cardview-v7:23.4.0' 二、在布局文件中加入Layout activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"

之前想实现一下就觉得这里面的关系好复杂，实现之后又理了理关系就觉得不是那么麻烦了…技术这个东西就是会者不难难者不会吧，为了把关系理的更透彻一些，就写这么一篇博客吧，用最简单的实现方式来实现这个东西，然后很感谢 https://blog.csdn.net/wuyinlei/article/details/50571500 这篇博客，虽然有一些地方有错误，但类和界面展示的顺序很舒服，能顺着一步步理到最后。 compile 'com.android.support:design:26.+' 这里根据每个人的依赖关系，后面的版本应该是不一样的，如果写的不对会直接报错。 我不太清楚最新版本是什么，为了图省事就暂时这么写了，按照AS给的提示这样写是不推荐的… 需要三个以上的layout，其中一个是主界面用于加载“容器”（我自己起的名，Android素养不够..好多技术说不出实际的名字），一个用于做fragment的容器，并”被主界面加载”，剩下的为fragment容器装载用到的界面，相当于一个个tab页的内容 layout_tabs.xml <?xml version="1.0" encoding="utf-8"?> < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" android

打造Material风格的Android应用 Android Material风格的应用(一)--AppBar TabLayout Android Material风格的应用(二)--RecyclerView Android Material风格的应用(三)--DrawerLayout Android Material风格的应用(四)--FloatActionButton Android Material风格的应用(五)--CollapsingToolbar 开发环境： JDK 8+ Android Studio 2.2.2 工程源码 Themes And Colors 主题颜色值 res/values/colors.xml <resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark">#303F9F</color> <color name="colorAccent">#FF4081</color> </resources> 如此，添加一个Light主题风格的style res/values/styles.xml <style name="AppThemeBase" parent="Theme.AppCompat.Light.NoActionBar"> <!--

效果图 1、导入 implementation 'com.flyco.tablayout:FlycoTabLayout_Lib:2.1.2@aar' //TabLayout第三方库gitup地址：https://github.com/H07000223/FlycoTabLayout2、使用xml布局： <!--tl_indicator_color：指示器的颜色--> <!--tl_indicator_height：指示器的高度--> <!--tl_indicator_width：指示器的宽度--> <!--tl_textUnselectColor：Tab未选中时字体的颜色--> <!--tl_textSelectColor：Tab选中时字体的颜色--> <!--tl_textsize：字体大小--> <!--tl_indicator_width_equal_title：设置指示器宽度与文本宽度一致--> <!--tl_tab_space_equal：设置Tab大小等分--> <!--tl_divider_color：分割线的颜色--> <!--tl_divider_width：分割线的宽度--> <com.flyco.tablayout.SlidingTabLayout android:id="@+id/styleChoice_tab" android:layout_width=

首先将本节要介绍的控件全部拖到界面上，并调整好位置，如图： 然后将Name属性改成其他名字， 不能是【控件名+UI+数字】这种，因为这是DuiDesigner默认的名字，它不会实际写入到XML，所以如果控件的名字被取成ActiveXUI1、ActiveXUI2、ButtonUI1这种格式的话，Name属性会被忽略，可以看到XML是没有Name属性的： 所以我们必须给它们指定其他的名字，这里格式统一为【控件名+Demo+数字】，如图： XML如下（删除了暂时没用到的属性，删除了标题栏区域，要关闭窗口请按Esc或者在任务栏右键关闭）： <?xml version="1.0" encoding="utf-8" standalone="yes" ?> <Window size="800,600" sizebox="4,4,4,4" caption="0,0,0,32" mininfo="600,400"> <VerticalLayout bkcolor="#FFF0F0F0" bkcolor2="#FFAAAAA0"> <HorizontalLayout> <Progress name="ProgressDemo1" text="Progress" float="true" pos="30,28,0,0" width="139" height="30" /> <Slider name=

我使用duilib快3个月了，总体感觉duilib的使用还是较为简单的，只是刚入门时可能有些摸不清头脑。今天写一篇关于duilib的入门日志，大致说一下duilib中的各个布局的作用，以及很关键的相对布局与绝对布局的意义与用法。希望可以帮到使用duilib的新手朋友们。duilib高手就可以直接省略这篇文章了！ 我刚使用duilib的时候非常依赖duilib自带的设计器，用他可以拖拉控件，可视化的做出自己想要的界面。可是用一段时间就会发现原带的设计器有很多bug，时不时会崩溃，支持的控件数量有限，属性数量也有限，导出的代码冗余。当时问了几个高手，大家建议不要使用设计器而应该自己手写xml代码。起初手写时感觉特别麻烦，可是用几天后你会发现手写要比使用设计器好得多：你可以更加了解duilib，熟悉每个控件的各个属性，对控件的控制也更加方便。而如果想称心如意的脱离设计器去编写xml文件，有非常有必要弄明白各个布局的用法和布局技巧。我现在可以完全靠手写xml来做出一个程序的界面，相信用了一段duilib的朋友也是这样。 在这里提醒一下新手朋友，在duilib的根目录有一个属性列表.xml的文件，他包含了绝大多数控件的绝大多数属性的介绍，有不懂的属性记得时常翻看他，同时不得不说这个文件包含的属性的确是不全面的，想要知道最全面的属性信息，可以看每个控件的源代码

底部导航控件，我们一般使用的是tab页的形式，或各种自定义的样式（tablayout，radiogroup等），最近android25 support库中提供了BottomNavigationView，使得我们能实现更加炫酷的效果，当然，这个效果很多大牛早已实现了，可参考： 1. https://github.com/roughike/BottomBar 2. https://github.com/aurelhubert/ahbottomnavigation 上面的效果显然更加炫酷，但google官方出了相应控件，还是要优先使用的。 使用步骤如下： 导入库 compile 'com.android.support:design:25.0.0' 新建底部导航使用到的菜单文件： <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/add" android:icon="@android:drawable/ic_menu_call" android:title="call" /> <item android:id="@+id/delete" android:icon="@android

效果图： 注入依赖（28以上）： implementation 'com.android.support:design:28.0.0' xml布局文件 <android.support.design.widget.TabLayout android:id="@+id/tl_main" android:layout_width="190dp" android:layout_height="?attr/actionBarSize" app:tabIndicatorColor="@color/colorPrimaryDark" app:tabIndicatorHeight="3dp" app:tabTextColor="@android:color/black" app:tabIndicatorFullWidth="false" android:layout_gravity="center" app:tabMode="fixed" app:tabGravity="fill" app:tabSelectedTextColor="@color/colorPrimaryDark"> </android.support.design.widget.TabLayout> 解说一下： app:tabIndicatorFullWidth="false" //下划线长度随文字长度 android

<resources> <string name="app_name">头条</string> <string name="openDrawer">今日头条</string>\ <string name="closeDrawer">用户目录</string> </resources> /****/ <?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"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:background="@mipmap/splash"/> </LinearLayout> /**splash <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns