仿微信 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