Snackbar 的使用


参考:http://blog.csdn.net/jywangkeep_/article/details/46405301


Snackbar是体会Toast的一个android MD 设计的控件


CoordinatorLayout这个容器是给Snackbar的,这样可以右滑清空通知



布局如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">
    

    <!--
     app:backgroundTint="#ff0000"
        app:rippleColor="#000000"
    -->
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/but"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:layout_marginRight="20dp"
        android:layout_marginBottom="80dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher"
        app:elevation="10dp"
        android:clickable="true"

        />

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"/>


</RelativeLayout>


 super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_h);


        FloatingActionButton but = (FloatingActionButton) super.findViewById(R.id.but);

        container = (CoordinatorLayout) findViewById(R.id.container);

        but.setOnClickListener(this);

    @Override
    public void onClick(View v) {

        final Snackbar sb = Snackbar.make(container,"通知:Snackbar是Android Support Design Library库支持的一个控件",Snackbar.LENGTH_SHORT);
        sb.show();
        sb.setAction("知道了", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
               Snackbar.make(container,"Android Support Design Library",Snackbar.LENGTH_SHORT).show();
            }
        });
    }




会有一个问题,就是提示字体怎么为黑色(我手机测试是4.1的系统,我在系统5.0显示白色)




这样应该有个字体默认颜色,因为这里没有配置颜色,就会用app的字体默认颜色


我们只有投机取巧的,修改app默认字体颜色

在主题或者activity中添加默认颜色就可以了

<item name="android:textColor">#ffffff</item>


但是这样并不能很好的解决问题


后来看着文章:http://www.jcodecraeer.com/plus/view.php?aid=3187


代码中可以拿到Snackbar的view,那就好办了,原来Snackbar的布局,也是2个textview

剩下的操作就是修改这2个textview的属性了。


<merge xmlns:android="http://schemas.android.com/apk/res/android">
 
    <TextView
            android:id="@+id/snackbar_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:paddingTop="@dimen/snackbar_padding_vertical"
            android:paddingBottom="@dimen/snackbar_padding_vertical"
            android:paddingLeft="@dimen/snackbar_padding_horizontal"
            android:paddingRight="@dimen/snackbar_padding_horizontal"
            android:textAppearance="@style/TextAppearance.Design.Snackbar.Message"
            android:maxLines="@integer/snackbar_text_max_lines"
            android:layout_gravity="center_vertical|left|start"
            android:ellipsize="end"/>
 
    <TextView
            android:id="@+id/snackbar_action"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/snackbar_extra_spacing_horizontal"
            android:layout_marginStart="@dimen/snackbar_extra_spacing_horizontal"
            android:layout_gravity="center_vertical|right|end"
            android:background="?attr/selectableItemBackground"
            android:paddingTop="@dimen/snackbar_padding_vertical"
            android:paddingBottom="@dimen/snackbar_padding_vertical"
            android:paddingLeft="@dimen/snackbar_padding_horizontal"
            android:paddingRight="@dimen/snackbar_padding_horizontal"
            android:visibility="gone"
            android:textAppearance="@style/TextAppearance.Design.Snackbar.Action"/>
 
</merge>




添加字体颜色


 @Override
    public void onClick(View v) {

        final Snackbar sb = Snackbar.make(container, "通知:Snackbar是Android Support Design Library库支持的一个控件", Snackbar.LENGTH_SHORT);
        View view = sb.getView();
        ((TextView)view.findViewById(R.id.snackbar_text)).setTextColor(Color.parseColor("#ffffff"));
        sb.show();
        sb.setAction("知道了", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Snackbar.make(container, "Android Support Design Library", Snackbar.LENGTH_SHORT).show();
            }
        });
    }





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值