1. 程式人生 > >仿微信 RadioButton 自定義點選效果

仿微信 RadioButton 自定義點選效果

1.Android Studio

步驟:

1.選中drawable目錄後點擊滑鼠右鍵New-Drawable resource file,如圖:
這裡寫圖片描述

2.輸入檔名稱,點選ok,如圖:
這裡寫圖片描述
3.新建好之後即為selector,如圖:
這裡寫圖片描述

4.自定義xml

    <item android:drawable="@drawable/tab_address_normal"  android:state_checked="true"/>
    <!-- 選中時效果 -->
    <item android:drawable
="@drawable/tab_address_pressed" android:state_checked="false"/>
<!-- 未選中時效果 -->

5.在佈局中使用自定義屬性

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
>
<LinearLayout android:orientation="vertical" android:id="@+id/fragment" android:layout_width="match_parent" android:layout_height="wrap_content"> </LinearLayout> <LinearLayout android:background="@drawable/bottom_bar" android:layout_alignParentBottom
="true" android:layout_width="match_parent" android:layout_height="wrap_content">
<RadioGroup android:id="@+id/radiogroup" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:orientation="horizontal"> <RadioButton android:textColor="#eee" android:id="@+id/first" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:button="@null" android:drawableTop="@drawable/radio_image_talk" android:gravity="center_horizontal" android:text="聊天" /> <RadioButton android:textColor="#eee" android:id="@+id/two" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:button="@null" android:drawableTop="@drawable/radio_image_address" android:gravity="center_horizontal" android:text="聯絡人" /> <RadioButton android:textColor="#eee" android:id="@+id/three" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:button="@null" android:drawableTop="@drawable/radio_image_find" android:gravity="center_horizontal" android:text="朋友圈" /> <RadioButton android:textColor="#eee" android:id="@+id/four" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:button="@null" android:drawableTop="@drawable/radio_image_setting" android:gravity="center_horizontal" android:text="設定" /> </RadioGroup> </LinearLayout> </RelativeLayout>

5.效果圖
這裡寫圖片描述
這裡寫圖片描述

相關推薦

仿 RadioButton 定義效果

1.Android Studio 步驟: 1.選中drawable目錄後點擊滑鼠右鍵New-Drawable resource file,如圖: 2.輸入檔名稱,點選ok,如圖:

html css 仿底部定義選單

         最近幾個月一直從事微信開發,從剛開始的懵懂漸漸成長了一點。今天覺得微信底部自定義選單,如果能在html的頁面上也能顯示就好了. 記得以前看過某個網頁有類似效果.查找了該網頁的css.  ok現在html css 實現微信自定義選單效果. 不多說直接上程式碼

仿朋友圈圖片放大效果

這兩天寫了個小專案,其中用到了點選一組圖片中的一張可以檢視它的放大版,用手向左滑動能看到下一張的這組圖片中的第二張的放大版。。。依次類推,單擊放大版的圖片實現關閉效果,對於js能力不太好的我只能找度娘,然後就發現了photoswiper.js,不得不說真的好用,

Android中的Button定義效果

原來聽很多人說Button不能使用自定義的點選或選中效果,所以做下測試 結果顯示Button很強大 完全可以使用這種靈活的方法  方法一 1.放在drawable下的selector.xml檔案 <?xml version="1.0" encoding="utf-8"?

Android中的Button定義效果之改變時按鈕的顏色

在Android中定義按鈕的點選效果可以通過自定義selector,通過設定兩張不同的背景圖片來改變點選時和未點選時的狀態,但有時候僅僅只想改變點選時按鈕的顏色,但是在selector中並不能直接定義顏色。下面程式碼實現一個點選按鈕時僅僅改變按鈕顏色。 1.

ios開發之--仿定義表情鍵盤

lai signed avi 創建 不能 url div load mps 先附上demo:https://github.com/hgl753951/CusEmoji.git 效果圖如下: 先說下具體的實現功能: 1,本地加載了一些H5的代碼,直接使用webview的lo

仿QQ向左滑動刪除條目的經典案例

本篇文章主要介紹如何側滑刪除條目的案例: 首先我們需要做一個自定義的recyclerView 1,用到的東西有,onTouch事件,觸屏事件跟蹤VelocityTracker,滑動view.scrollTo和scrollBy,Scroller的使用。

Android 仿定義數字鍵盤

最終效果: 實現這個自定義鍵盤的思路很簡單: 1. 要寫出一個數字鍵盤的佈局; 2. 與 Edittext 結合使用,對每個按鍵的點選事件進行處理; 3. 禁用系統軟鍵盤。 有了思路,實現起來就不難了。 1. 實現鍵盤的 xml 佈局 網格

刪除定義菜單

err 定義 菜單 menu code span nsf init lds 使用接口創建自定義菜單後,開發者還可使用接口刪除當前使用的自定義菜單。  刪除菜單的接口如下: https://api.weixin.qq.com/cgi-bin/menu/delete?acce

使用JSSDK定義分享標題、描述、和圖標

工具包 on() 包括 images 定義 能力 實現 手機 2.0 最近做一個項目的時候用到微信的分享 ,實現定義分享標題,圖片,了解到微信在發布JSSDK後,把包括自定義分享在內的眾多網頁服務接口進行了統一。如果要想自定義分享自己的網頁信息給好友或朋友圈,就最好使用這個

配置jssdk定義分享

執行 app $.ajax brush bug timeline 打開 相關 mage 前段時間做這個功能的時候遇到這個問題,之前的話是微信自動抓取界面第一張圖,現在微信更新api,必須自行配置,接入jssdk,才能實現該功能。 詳細可以查看微信的jssdk文檔 微信官方開

iPhone 瀏覽器 某些元素 無效 cilck on ...

同樣是微信瀏覽器,但是在Android平臺上和ios平臺上表現還是有很大的差異,今天就遇到了諸多問題,記個筆記。 使用的jQuery,一些事件監聽在ios微信瀏覽器無效,貼出我的程式碼: $(document).on('click', '[data-action="toggle"]'

分享定義

微信分享:分享給朋友,分享到朋友圈 getQueryString:function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var

小程式:圖片進行預覽

微信小程式:點選圖片進行預覽   在開發需求中,經常有類似與九宮格的圖片展示,當點選圖片時進行圖片的預覽,如果多圖的情況還可以左右滑動。 小程式中具體實現效果如下: WXML <view class='imgList'>     &nbs

中curl返回false-curl呼叫建立定義選單返回false

我在微信建立選單欄的時候出現了curl返回結果false,我查了後才發現多了空格,為了以後不犯錯,記錄一下: $url = ' https://api.weixin.qq.com/cgi-bin/menu/create?access_token='.$accessToken; 在這行程式碼中

使用JSSDK定義分享標題、描述、和圖示

最近做一個專案的時候用到微信的分享 ,實現定義分享標題,圖片,瞭解到微信在釋出JSSDK後,把包括自定義分享在內的眾多網頁服務介面進行了統一。如果要想自定義分享自己的網頁資訊給好友或朋友圈,就最好使用這個統一的網頁服務介面。 微信JS-SDK是微信公眾平臺面向網頁開發者提供的基於微信內的網頁開發

小程式圖片放大

WXML <view class='imgList'> <view class='imgList-li' wx:for='{{imgArr}}'> <image class='img' src='{{i

java-分享定義內容功能(總結)

               java寫微信分享自定義內容功能遇到的一個bug    需求:使用者通過關注公眾號  開啟邀請好友頁面(前提必須先登入)  點選手機右上角豎形

企業嵌入定義專案(useId校驗登陸使用者合法性)

好久沒有寫部落格了,最近有一點小收穫,來記錄一下。免的以後使用的時候又找不到。 最近,公司需要用企業微信整合內部專案。原本以為是另外一個大神的事,結果落到我頭上了。慚愧花費了兩天時間,哎。。。 博主在這裡走了不少彎路。在這建議大家,儘量能閱讀官方文件再入手。我百度攻略耗費半天時間,然而收穫甚微。 好了,

定義彈出設定百度商橋

我們在使用百度商橋時,有時想通過點選自己的按鈕開啟商橋聊天溝通,此時就可以使用以下方法。 <a class="open_shangqiao" href="javascript:void(0);">彈出百度商橋</a> <script type="text/jav