tablayout

1704B第7天ViewPagerViewPager+Fragment+TabLayout新闻头部标题导航(*****)

匿名 (未验证) 提交于 2019-12-02 23:42:01
第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" ? > <

[Android] Android 类似今日头条顶部的TabLayout 滑动标签栏 效果

匿名 (未验证) 提交于 2019-12-02 23:26:52
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"

Android开发:TabLayout+Fragment+ViewPager实现总结

匿名 (未验证) 提交于 2019-12-02 22:56:40
之前想实现一下就觉得这里面的关系好复杂,实现之后又理了理关系就觉得不是那么麻烦了…技术这个东西就是会者不难难者不会吧,为了把关系理的更透彻一些,就写这么一篇博客吧,用最简单的实现方式来实现这个东西,然后很感谢 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

Android Material风格的应用(一)--AppBar TabLayout

大兔子大兔子 提交于 2019-11-29 22:43:48
打造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"> <!--

Android 第三方库FlycoTabLayout

让人想犯罪 __ 提交于 2019-11-29 19:02:40
效果图 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=

duilib教程之duilib入门简明教程13.复杂控件介绍

北战南征 提交于 2019-11-28 20:40:42
首先将本节要介绍的控件全部拖到界面上,并调整好位置,如图: 然后将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各种布局的作用,相对布局与绝对布局的的意义与用法

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

使用Android support library25.0.0 提供的BottomNavigationView实现底部导航功能

血红的双手。 提交于 2019-11-28 16:03:38
底部导航控件,我们一般使用的是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

android TabLayout 居中以及下划线长度随文字

白昼怎懂夜的黑 提交于 2019-11-27 16:07:16
效果图: 注入依赖(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

今日头条

一世执手 提交于 2019-11-26 17:37:09
<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