Articles of android design library

CollapsingToolbarLayout ImageView不可滚动

使用cheesesquare – android支持库的例子是否可以使Header ImageView滚动? <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="@dimen/detail_backdrop_height" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" android:fitsSystemWindows="true"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginStart="48dp" app:expandedTitleMarginEnd="64dp"> <ImageView android:id="@+id/backdrop" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" android:fitsSystemWindows="true" app:layout_scrollFlags="scroll" app:layout_collapseMode="parallax" /> … </android.support.design.widget.CollapsingToolbarLayout> <android.support.v4.widget.NestedScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:fillViewport="true" app:layout_behavior="@string/appbar_scrolling_view_behavior"> …. 请注意 ,我已经添加了android:fillViewport="true"到NestedScrollView ,并向NestedScrollView 添加了 app:layout_scrollFlags="scroll" ,但是当试图从ImageView滚动时什么也没有发生。

Android – 协调器布局,抽屉布局和片段

我花了一些时间试图实现这一点,并做了我的一点研究,但不能使其工作。 在Chris Banes的cheesesquare例子中,当ViewPager滚动时,他使工具栏滚动。 ViewPager直接包含在他的抽屉布局中,就在NaviagtionView之前。 <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/drawer_layout" android:layout_height="match_parent" android:layout_width="match_parent" android:fitsSystemWindows="true"> <!– THIS CONTAINS COORDINATOR LAYOUT with APPBAR LAYOUT + VIEWPAGER –> <include layout="@layout/include_list_viewpager"/> <android.support.design.widget.NavigationView android:id="@+id/nav_view" android:layout_height="match_parent" android:layout_width="wrap_content" android:layout_gravity="start" android:fitsSystemWindows="true" app:headerLayout="@layout/nav_header" app:menu="@menu/drawer_view"/> </android.support.v4.widget.DrawerLayout> include_list_viewpager文件是这样的: <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout android:id="@+id/main_content" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:layout_scrollFlags="scroll|enterAlways" app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> <android.support.design.widget.TabLayout android:id="@+id/tabs" […]

材料devise支持库

是否正在努力将新的Material Design样式和小部件移植到Android的前L版本,类似于“HoloEverywhere”-library? 该库的创build者已经初始化了一个空的GitHub库,但似乎没有积极的开发。 我知道有一个L型对话框和浮动动作button的回传,但显然还有很多Android L已经改变的小部件。 Android团队是否在支持库(超出当前可用的版本)上发表任何消息?

TextInputLayout和TextInputEditText之间的区别

需要知道TextInputEditText和TextInputLayout之间究竟有什么区别,什么时候应该使用其中的一个。

Androiddevise支持库24.2.1使BottomSheet在启动时打开

从版本23.4.0切换到Androiddevise支持库的版本24.2.1后, BottomSheetBehavior停止工作。 BottomSheet显示为打开并在调用setState(BottomSheetBehavior.STATE_COLLAPSED)时不closures。 这不会发生在BottomSheetBehaviour按预期工作的Design库的23.4.0版本中。 在版本24中有什么改变,需要使用BottomSheetBehavior不同? 这是我的布局文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/button" android:text="Open Bottom Sheet" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/close_button" android:text="Close Bottom Sheet" /> </LinearLayout> <LinearLayout android:id="@+id/bottom_sheet" android:layout_width="match_parent" android:layout_height="100dp" android:orientation="horizontal" android:background="@android:color/holo_green_light" app:layout_behavior="android.support.design.widget.BottomSheetBehavior"/> 这里是我使用的Activity代码: public class ScrollingActivity extends AppCompatActivity implements View.OnClickListener { private View m_bottomSheet; private BottomSheetBehavior m_behaviour; @Override protected void onCreate(Bundle […]

CollapsingToolbarLayout在平板电脑上的滚动行为

在滚动包含less量视图的NestedScrollView时,平板电脑上的CollapsingToolbarLayout存在问题 问题在于即使在滚动停止之后,工具栏也会崩溃。 你可以重现问题的源代码: https : //github.com/chrisbanes/cheesesquare 有没有办法来防止这种情况发生?

android:TextInputLayout隐藏drawText的子EditText

我总是更新库更新,这是它的结果。 在build.gradle(Project:xxx)中: classpath 'com.android.tools.build:gradle:2.2.0-beta1' 在build.gradle(模块:应用程序) compile 'com.android.support:appcompat-v7:24.2.0' compile 'com.android.support:design:24.2.0' 并把密码字段如下所示: <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.AppCompatEditText android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="textPassword" /> </android.support.design.widget.TextInputLayout> Taadaa …我的密码字段现在看起来如下: 你也可以简单地使用EditText 。 但是,这个更新有一些小故障。 问题:如果我把任何drawableRight放在EditText中,它什么也不显示。 TextInputLayout也有属性来禁用切换function。 我也是这样做了,但没有成功: <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" app:passwordToggleEnabled="false"> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:drawableRight="@drawable/ic_alarm_on_black_24dp" android:inputType="textPassword" /> </android.support.design.widget.TextInputLayout> 任何人都可以帮助我。

使用CoordinatorLayout隐藏工具栏,但在片段上使用RecyclerView

我有两个选项卡的活动。 每个选项卡都包含一个带有SwipeRefreshLayout和RecyclerView的片段。 在Activity中,我有一个带有AppBarLayout (带有Toolbar和TabLayout )和ViewPager 。 截图 现在,我想实现的是:当用户滚动片段时,工具栏,而不是标签,隐藏,就像在Play商店。 在我通过互联网阅读的例子中,布局非常简单:在同一个xml中的CoordinatorLayout有RecyclerView和Toolbar 。 然后,他们只是写: <android.support.v7.widget.RecyclerView android:id="@+id/rvToDoList" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> 和 <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_scrollFlags="scroll|enterAlways"/> </android.support.design.widget.AppBarLayout> 所以,我不知道该怎么做。 我的XML是如下: 活动布局是: <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/activity_main_drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true"> <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/activity_main_toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="@color/color_primary" app:layout_scrollFlags="scroll|enterAlways"/> <android.support.design.widget.TabLayout android:id="@+id/activity_main_tab_layout" […]

在ViewPager上滑动显示/隐藏FloatingActionButton

我有一个有3个选项卡的活动。 每个标签页都是一个显示RecyclerView的片段。 其中一个片段中有FloatingActionButton。 我在Fragment的布局中实现了这个Button。 我也在静态的片段的右下angular。 片段布局: – CoordinatorLayout – RecyclerView – FAB (without any behavior) 在Activity布局中,我有: – CoordinatorLayout – AppBarLayout – Toolbar – TabLayout (SmartTabLayout) – ViewPager 现在的问题是当工具栏展开时,FAB是从视图中半隐藏的,但当工具栏折叠时完全显示。 虽然这不会发生,如果我在活动本身实现FABbutton。 但是我不想在所有的片段中都有这个button。 我只是把它放在第一个片段。 这是我用来解释这个更清楚的gif。 活动布局的XML: <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/coordinatorLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appbarLayout" android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:minHeight="?attr/actionBarSize" android:background="@color/color_primary" app:layout_scrollFlags="scroll|enterAlways" /> <com.ogaclejapan.smarttablayout.SmartTabLayout android:id="@+id/viewpagertab" android:layout_width="match_parent" android:layout_height="@dimen/tab_height" […]

CoordinatorLayout不起作用

我正在试图从新发布的Androiddevise支持库中实现一个CoordinatorLayout ,我已经在我的XML布局中使用了以下代码: <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/main_content" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:layout_scrollFlags="scroll|enterAlways"/> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content"/> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 但是,当我向下滚动视图时,操作栏不会隐藏。 我不明白为什么这不起作用。 编辑:据我所知,似乎CoordinatorLayout不能与ListView/GridView/ScrollViews ,只能与RecyclerView和NestedScrollView 。 不幸的是,简单地切换到其中的一个意见是不可能的,所以我仍然在寻找一个解决scheme。