1. 程式人生 > >攜程在手點選小按鈕縮放效果與自定義按鈕效果

攜程在手點選小按鈕縮放效果與自定義按鈕效果

   攜程在手點選小按鈕縮放效果思路很簡單,點選按鈕寫一個縮放動畫效果,延遲0.5m,接著進去相應的activity中。

  1、在layout下建一個anim資料夾,寫一個set的set_scale.xml動畫,如下

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale android:fromXScale="1.0"
        android:toXScale="0.96"
        android:fromYScale="1.0"
        
        android:toYScale="0.90"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="300"/>

</set>
2、  在類中去實現這個動畫並延遲跳轉
btn_xxgl.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
			
				Animation animation=AnimationUtils.loadAnimation(MainActivity.this, R.anim.set_scale);
				btn_xxgl.startAnimation(animation);
				new Handler().postDelayed(new Runnable() {
					
					@Override
					public void run() {
						// TODO Auto-generated method stub
						Intent intent=new Intent(MainActivity.this,XXZRActivity.class);
						startActivity(intent);
					}
				}, 500);
			
			}
		});

二、.Button 其他一些風格,

1、selector效果

在drawable中

btn_select.xml點選變色的效果

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
        
<item android:state_pressed="true" android:drawable="@color/shenred"  android:state_enabled="true" ></item>
<item android:state_pressed="false" android:drawable="@color/qianred" ></item>

</selector>

2、shape效果


btn_shape.xml圓角效果
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="5dp"/>
    <solid android:color="#ABCD40"/>

</shape>

btn_shape1.xml  圓角周邊是黑色效果
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="5dp"/>
    <solid android:color="#F8D888"/>
<stroke android:color="#222222" android:width="2dp"/>
</shape>

3、混合效果select+shape

btn_select.xml

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="false"><shape>
            <stroke android:width="1dp" android:color="#F58939" />
            <solid android:color="#ffffffff" />
            <corners android:radius="5dp"/>
        </shape></item>
    <item android:state_pressed="true"><shape>
           
            <solid android:color="#F58939" />
          
            <corners android:radius="5dp"/>
        </shape></item>

</selector>


相關推薦

在手按鈕效果定義按鈕效果

   攜程在手點選小按鈕縮放效果思路很簡單,點選按鈕寫一個縮放動畫效果,延遲0.5m,接著進去相應的activity中。   1、在layout下建一個anim資料夾,寫一個set的set_scale.xml動畫,如下 <?xml version="1.0" enco

Qt qml ListView 滑鼠高亮,等基礎設定

import QtQuick 2.0 import QtQuick.Controls 2.0 Rectangle { id: mainrec property int widthx: 170 property int heightx:8

排他佈局,導航顯示不同頁面內容。定義屬性應用於索引。

排他佈局,點選不同導航,會顯示不同的內容。關鍵在於給導航標籤span設定自定義屬性index用於索引。這樣不同的導航索引對應下面不同內容。如:當點選產品:則顯示對應的產品模組。obj.setAttribute("index",i);  var numb=obj.getAttr

學習OPENSEADRAGON之五 (工具條TOOLBAR定義按鈕)

OpenSeadragon簡介:學習OpenSeadragon之一(一個顯示多層圖片的開源JS庫) 一、工具條toolbar設定 OpenSeadragon為我們提供了現成的工具條toolBar,工具條上有按鈕,可以預設實現放大、縮小、全屏、返回預設大小等功能, toolB

js實現圖看大圖

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> #o

jQuery weui Photo Browser 圖顯示對應的大圖

官網上只提供了點選按鈕顯示圖片瀏覽。 但有時候我們需要點選對應的圖片,顯示大圖 我在網上也找了好多,但關於jQuery weui Photo Browser圖片動態載入的部落格很少,本人菜鳥,自己琢磨出來了簡單的方法,如果有更好的方法請賜教,謝謝 var l

[白求助]Appium自動化測試—多觸控操作地圖報錯

測試場景 安裝啟動百度地圖Android app 進入地圖後分別進行放大縮小操作 滑動原理圖解 程式碼實現 multi_action.py from appium import webdriver from appium.webdriver.common.tou

opencv 大圖中找圖,並

opencv 大圖(當前頁面)找小圖(需要點選的地方),主要方法(cv.matchTemplate) import aircv as ac from PIL import ImageGrab import win32api import win32con from ctyp

定義按鈕捕獲tabbarItem事件

用的是現在最多見的tabbar+navigitioncontroller框架,需要做到的在tabbar的某一個controller裡自定義一個按鈕,點選之後的效果如同點選了tabbar上的某一個item。實現的時候如果用push這個方法會造成頁面跳轉的情況,工程的業務邏輯就

關於oracle資料庫中直接修改表中資料鎖出現"these query results are not updateable"的問題

 一、想通過plsql在表中直接新增一條記錄點選小鎖的時候,出現如下錯誤:These query results are not updateable.Include the ROWID to get updateable results. 如截圖: 解決方法: 1、

C# .net 簡單的圖顯示大圖。

GridView 中綁定了伺服器上存放圖片的路徑。 <asp:TemplateField HeaderStyle-Width="90%" HeaderText="圖片資訊">                                          

程式動畫

閒的蛋疼嘗試了一下,做了如下的效果直接扔程式碼wxml部分: <view class="cash-out bubble">提現</view> <view class="s

html圖檢視大圖

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

XML定義按鈕樣子-切換圖片

自定義按鈕 樣本圖: 佈局layout-activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas

關於圖片之後檢視對應大圖的實現

      在此,封裝了一個類,外面用的話直接呼叫方法,即可實現想要的效果。但是有一點,點進去之後只能檢視對應的一張圖,不能滑動,如果想要更多的效果,自己在此基礎上進行再封裝吧。只做參考。程式碼如下: .h檔案中: #import <Foundation/Fo

Android檢視大圖過渡動畫圖片移動

從一個activity到另一個activity的過渡 1.小圖點選事件程式碼 @Override public void onClick(View view) { switch (view.getId()) { case R.id.img_1:

實現頁面上圖片,彈出大圖片的效果

<html><body> <a href="javascript:PassBet('images/products_1.jpg');"><img src="images/products_shouji_1.jpg" border

定義按鈕彈出百度商橋對話方塊

在頁面中已經成功安裝了百度商橋的情況下,想通過點選自定義的按鈕來彈出百度商橋的對話方塊,來達到及時溝通和不使頁面跳轉的目的。有以下解決方法: 1、首先需要把你的按鈕新增一個class,例如 加一個

百度地圖API一:根據標註坐標範圍計算顯示級別zoom適應顯示地圖

var spa get bsp pan nts viewport 百度 getview 百度地圖中根據頁面中的point,自動設置縮放級別和視圖中心,將所有的point在視圖範圍內展示。 var points = [point1, point2,point3];

百度地圖API二:根據標註坐標範圍計算顯示級別zoom適應顯示地圖

max zoom 天地圖 功能 center 經緯 通過 極值 template 原文:百度地圖API二:根據標註點坐標範圍計算顯示縮放級別zoom自適應顯示地圖 版權聲明:本文為博主原創文章,轉載請註明出處。 https://blo