android 按钮-android这个效果怎么做出来的

问题描述

android这个效果怎么做出来的

管理地址那个按钮,帮助与反馈那个按钮

解决方案

你给整个这个横向item的跟布局添加onclick就可以了。

解决方案二:

同上,linerlayout横向,在其中分别添加一张图2个text一个箭头图片,给layout一个点击事件

解决方案三:

Linearlayout(orientation设成horizontal)中依次添加ImageView、TextView、Imageview(最后的ImageView单独用一个LinearLayout包起来,宽度设成Match_Parent,gravity设成right)

解决方案四:

参考下面的,里面的资源换成自己的

<RelativeLayout
                android:id="@+id/layoutItem4"
                android:layout_width="match_parent"
                android:layout_height="47dp"
                android:background="@drawable/selector_item"
                android:paddingLeft="20dp" >

<ImageView
            android:id="@+id/imgHead4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp"
            android:src="@drawable/icon_checkcode" />                

                <TextView
                    android:id="@+id/tv_title_4"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="false"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/imgHead4"
                    android:text="用户协议"
                    android:textColor="@color/itemtitlecolor"
                    android:textSize="@dimen/text_size_15" />

                <ImageView
                    android:id="@+id/imageView4"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:layout_marginRight="13dp"
                    android:src="@drawable/icon_right_arrow" />

                <View
                    android:id="@+id/view4"
                    android:layout_width="match_parent"
                    android:layout_height="1px"
                    android:layout_alignParentBottom="true"
                    android:background="@color/divider" />
            </RelativeLayout>

解决方案五:

android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginTop="15dp"
android:background="@color/color_linear" />

        <RelativeLayout
            android:id="@+id/rl_setting_tel"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_marginLeft="10dp"
            android:background="@color/color_white">
            <ImageView
                android:id="@+id/iv_setting"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:src="@drawable/add_focus" />

            <TextView
                android:layout_toRightOf="@id/iv_setting"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center_vertical"
                android:text="客服电话"
                android:textColor="@color/color_gray_left"
                android:textSize="16sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_alignParentRight="true"
                android:layout_marginRight="45dp"
                android:gravity="center_vertical"
                android:text="400-920-0011"
                android:textColor="@color/color_gray_right"
                android:textSize="16sp" />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_alignParentRight="true"
                android:gravity="center_vertical"
                android:padding="15dp"
                android:scaleType="fitCenter"
                android:src="@drawable/my_right" />
        </RelativeLayout>

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="@color/color_linear" />

解决方案六:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#efefef"
    android:scrollbars="none" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:background="#ffffff" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                                    android:text="XXXX"
                android:textSize="20sp" />

            <ImageView
                android:id="@+id/imv_shezhi"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:layout_marginRight="14dp"
                android:contentDescription="@string/app_name"
                android:src="@drawable/wode_shezhi" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="120dp" >

            <ImageView
                android:id="@+id/iv_mine_bacground"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/usericon_bg"
                android:contentDescription="@string/app_name"
                android:scaleType="fitXY" />

            <TextView
                android:id="@+id/tv_username"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:text="亲,欢迎XXXXX"
                android:textColor="#FFFFFF"
                android:layout_marginTop="30dp"
                android:textSize="@dimen/textSize16" />

            <Button
                android:id="@+id/login_register"
                android:layout_width="110dp"
                android:layout_height="40dp"
                android:layout_marginTop="10dp"
                android:layout_below="@+id/tv_username"
                android:gravity="center"
                android:background="@drawable/loginbutton_shape"
                android:layout_centerHorizontal="true"
                android:text="登陆/注册"
                android:textSize="14sp" />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl_shopping"
            android:layout_width="fill_parent"
            android:layout_height="40.0dip"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="20.0dip"
            android:background="#ffffff" >

            <ImageView
                android:id="@+id/ImageView01"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:contentDescription="@string/app_name"
                android:src="@drawable/wode_gouwuche" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_toRightOf="@id/ImageView01"
                android:paddingLeft="10dp"
                android:text="购物车" />

            <ImageView
                android:id="@+id/zhan_hui"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:contentDescription="@string/app_name"
                android:paddingRight="10.0dip"
                android:src="@drawable/xiaye" />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl_dingdan"
            android:layout_width="fill_parent"
            android:layout_height="40.0dip"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="1dp"
            android:background="#ffffff" >

            <ImageView
                android:id="@+id/ImageView02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:contentDescription="@string/app_name"
                android:src="@drawable/wode_dingdan" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_toRightOf="@id/ImageView02"
                android:paddingLeft="10.0dip"
                android:text="我的订单" />

            <ImageView
                android:id="@+id/zhan_hui1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:contentDescription="@string/app_name"
                android:paddingRight="10.0dip"
                android:src="@drawable/xiaye" />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl_youhui"
            android:layout_width="fill_parent"
            android:layout_height="40.0dip"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="20.0dip"
            android:background="#ffffff" >

            <ImageView
                android:id="@+id/ImageView03"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20.0dip"
                android:contentDescription="@string/app_name"
                android:src="@drawable/wode_youhuiquan" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_toRightOf="@id/ImageView03"
                android:paddingLeft="10.0dip"
                android:text="优惠券" />

            <ImageView
                android:id="@+id/zhan_hui2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:contentDescription="@string/app_name"
                android:paddingRight="10.0dip"
                android:src="@drawable/xiaye" />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl_xiaoxi"
            android:layout_width="fill_parent"
            android:layout_height="40.0dip"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="1dp"
            android:background="#ffffff" >

            <ImageView
                android:id="@+id/ImageView04"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20.0dip"
                android:contentDescription="@string/app_name"
                android:src="@drawable/wode_xiaoxi" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_toRightOf="@id/ImageView04"
                android:paddingLeft="10.0dip"
                android:text="消息" />

            <ImageView
                android:id="@+id/zhan_hui3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:contentDescription="@string/app_name"
                android:paddingRight="10.0dip"
                android:src="@drawable/xiaye" />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl_dihzi"
            android:layout_width="fill_parent"
            android:layout_height="40.0dip"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="20.0dip"
            android:background="#ffffff" >

            <ImageView
                android:id="@+id/ImageView05"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20.0dip"
                android:contentDescription="@string/app_name"
                android:src="@drawable/wode_shouhuodizhi" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_toRightOf="@id/ImageView05"
                android:paddingLeft="10.0dip"
                android:text="收货地址" />

            <ImageView
                android:id="@+id/zhan_hui4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:contentDescription="@string/app_name"
                android:paddingRight="10.0dip"
                android:src="@drawable/xiaye" />
        </RelativeLayout>
    </LinearLayout>

</ScrollView>

解决方案七:

你给整个这个横向item的跟布局添加onclick就可以了。

时间: 2024-09-09 21:05:09

android 按钮-android这个效果怎么做出来的的相关文章

Android按钮点击效果的实现(selector)

步骤 1 放置两张图片ok1和ok2到drawable-mdpi文件夹中 2 在layout文件夹下建立xml文件,如下 <?xml version="1.0" encoding="utf-8"?> <!-- "@drawable/ok1"表示未点击按钮时的图片 --> <!-- "@drawable/ok2"表示点击按钮时的图片 --> <selector xmlns:android

Android 各种按钮点击效果以及兼容性问题总结

概述  点击效果在安卓的原生开发中无处不见,主要是为了对用户的操作在视觉上进行反馈.这个反馈很平常也很重要.而安卓5.0开始引入的全新设计Material Design真的超赞!特别是触摸反馈的波纹效果,可惜这个波纹效果只支持5.0及以上的版本,应该是出于性能的考虑!坑爹啊!  但是既然5.0以上可以用酷炫的点击效果,那就不能浪费要用起来,这篇博客前面先讲下Button和ImageView点击效果的基本实现,然后再讲下我个人如何处理兼容Material 设计效果 按钮点击效果基本实现 Butto

Android Button点击效果(按钮背景变色、文字变色)

一. 说明 Android Button的使用过程中,我们会需要为Button添加点击效果,不仅仅按钮的背景色需要变化,而且有时,我们连文字的颜色都希望变化,我们可以使用StateListDrawable资源可以实现. 二. 实现按钮点击的变化 2.1 实现效果: 2.2 我们首先需要定义按钮的背景的资源文件,我们使用图片资源来实现点击变化 selector_btn_click_bg.xml <?xml version="1.0" encoding="utf-8&quo

代码-android按钮的渐变颜色效果

问题描述 android按钮的渐变颜色效果 怎么知道白色.灰色和黑色,以及它们的16进制代码,求高手解答 解决方案 有一个android apidemo 貌似在CSDN都有下载,那些颜色的16进制码值在百度文库好像也有文档 解决方案二: 网上这类工具太多了,包括颜色拾取器 解决方案三: http://blog.csdn.net/meng425841867/article/details/8520719 解决方案四: 这是包含所有颜色的代码,values->colors.xml下,即可使用. <

android音乐播放器,音乐暂停时音量逐渐减小的效果怎么做?

问题描述 android音乐播放器,音乐暂停时音量逐渐减小的效果怎么做? QQ音乐,酷狗等音乐播放器,暂停时音量逐渐减小的效果怎么做? 我的做法是: 开个线程改变音频流的音量 audioManager.setStreamVolume(AudioManager.STREAM_MUSIC, 1 ,0); 但是这样会有很多问题,所以不想用这种方法.

android按钮的渐变颜色效果

问题描述 android按钮的渐变颜色效果 我在xml中的代码如下: <item > <shape> <gradient android:startColor= "#AE845c" android:endColor="#935Fc0" /> </shape> </item> 希望出现这样的效果: 不知道怎么实现? 解决方案 用type和angle实现渐变,angle可以选取0-360的角度 android:

Android实现按钮点击效果

1.首先创建一个按钮 <Button android:id="@+id/click" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="点击变色" android:background="@drawable/btn_st" android:gravity="center&

Android桌面悬浮窗效果实现,仿360手机卫士悬浮窗效果

首先是一个小的悬浮窗显示的是当前使用了百分之多少的内存,点击一下小悬浮窗,就会弹出一个大的悬浮窗,可以一键加速.好,我们现在就来模拟实现一下类似的效果. 先谈一下基本的实现原理,这种桌面悬浮窗的效果很类似与Widget,但是它比Widget要灵活的多.主要是通过WindowManager这个类来实现的,调用这个类的addView方法用于添加一个悬浮窗,updateViewLayout方法用于更新悬浮窗的参数,removeView用于移除悬浮窗.其中悬浮窗的参数有必要详细说明一下. WindowM

Android编程之书架效果背景图处理方法_Android

本文实例讲述了Android编程之书架效果背景图处理方法.分享给大家供大家参考,具体如下: 在android应用中,做一个小说阅读器是很多人的想法,大家一般都是把如何读取大文件,如果在滚动或是翻页时,让用户感觉不到做为重点.我也在做一个类似一功能,可是在做书架的时候,看了QQ阅读的书架,感觉很好看,就想做一个,前面一篇<android书架效果实现原理与代码>对此做了专门介绍,其完整实例代码可点击此处本站下载. 上面的例子很不错,可是有一个问题是他的背景图的宽必须是手机屏幕的宽,不会改变,这样感