點選使用者頭像預覽大圖
頭像預覽幫助類,使用方法 new AvatarScanHelper(context, url).show();
import android.app.Dialog;
import android.content.Context;
import android.graphics.Rect;
import android.net.Uri;
import android.util.DisplayMetrics;
import android.view.View;
import android.view.ViewGroup;
import com.facebook.drawee.view.SimpleDraweeView;
import com.sunland.app.R;
/**
* 頭像預覽幫助類,使用方法 new AvatarScanHelper(context, url).show();
* 作者: FebMaple on 10/10/2016.
* 郵箱: [email protected]
* 版權: FebMaple
* ====================================================
*/
public class AvatarScanHelper extends Dialog {
private String avatarUrl;
private Context mContext;
private SimpleDraweeView mSimpleDraweeView;
public AvatarScanHelper(Context context, String avatarUrl) {
// 設定自定義樣式
super(context, R.style.CustomDialog_fill);
this.mContext = context;
this.avatarUrl = avatarUrl;
initImageView(avatarUrl);
}
//直接使用imageview展示頭像圖片
private void initImageView(String avatarUrl) {
//重點在於用setContentView()載入自定義佈局
setContentView(R.layout.dialog_avatar_scan);
mSimpleDraweeView = (SimpleDraweeView) findViewById(R.id.simple_image);
//fresco載入圖片 mSimpleDraweeView.setImageURI(Uri.parse(avatarUrl));
//點選取消對話方塊
mSimpleDraweeView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
dismiss();
}
});
//todo:長按圖片儲存圖片到相簿
setParams();
}
//設定對話方塊的寬高適應全屏
private void setParams() {
ViewGroup.LayoutParams lay = this.getWindow().getAttributes();
DisplayMetrics dm = new DisplayMetrics();
this.getWindow().getWindowManager().getDefaultDisplay().getMetrics(dm);
Rect rect = new Rect();
View view = getWindow().getDecorView();
view.getWindowVisibleDisplayFrame(rect);
lay.height = dm.heightPixels - rect.top;
lay.width = dm.widthPixels;
}
}
自定義的dialog佈局:只有一個imageview用來展示圖片
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fresco="http://schemas.android.com/apk/res-auto"//名稱空間記得寫
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/simple_image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
fresco:actualImageScaleType="fitCenter"//圖片顯示方式必須寫,不寫不顯示圖片
fresco:failureImage="@drawable/button_avatar_default"
fresco:failureImageScaleType="fitCenter" />
</LinearLayout>
配置dialog的style
<style name="CustomDialog_fill" parent="@android:style/Theme.Dialog">
<item name="android:windowFrame">@null</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowNoTitle">true</item>
<item name="android:backgroundDimEnabled">false</item>
<item name="android:windowBackground">@color/black</item>
</style>
相關推薦
點選使用者頭像預覽大圖
頭像預覽幫助類,使用方法 new AvatarScanHelper(context, url).show(); import android.app.Dialog; import android.content.Context; import android.
微信公眾號 點擊預覽大圖。支持滑動,雙擊放大功能。
-1 放大 ++ inf cti this b- click scrip <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script
微信小程式點選圖片放大預覽
微信小程式點選圖片放大預覽使用到 wx.previewImage 介面,可以放大、上/下一張 上程式碼 wxml程式碼 <view class='content-img' wx:if="{{images}}" > <view wx:for="{{i
微信小程式:點選圖片進行預覽
微信小程式:點選圖片進行預覽 在開發需求中,經常有類似與九宮格的圖片展示,當點選圖片時進行圖片的預覽,如果多圖的情況還可以左右滑動。 小程式中具體實現效果如下: WXML <view class='imgList'> &nbs
阻止移動端瀏覽器點選圖片會預覽的方法
下面介紹幾種方法: 1. 在img元素上新增 onclick="return false" (推薦) <img src="a.png" onclick="return false" /> 2. 圖片用背景圖的方式插入 background:url(a.
縮圖預覽大圖並且可以左右滑動
/*--------------------------------------------------------------------------------------------- @author Constantin Saguin - @bruta
微信JSSDK上傳預覽多圖,ios/Android。點選檢視大圖,支援滑動。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev
IE8選圖片顯示預覽圖效果
坑點 IE8不能獲取到inputd的files物件 IE8設定本地圖片地址為src後,有的圖顯示,有的圖不顯示(未探索具體原因) 解決辦法 支援files物件的就用base64的方法(不要
巧用weui.gallery(),點擊圖片後預覽圖片
image .html 一個 ans 如果 attr 分享 data 字符 要在頁面需要加載的JS文件: <script src="../js/libs/weui.min.js"></script> 可以去weui的文檔中下載,這是它的demo
小程序之點擊圖片放大預覽
pos get 手機 bin tgt style col 本地圖片 sele 基本手機H5的開發,都會有圖片放大預覽的需求。下面我們看小程序是如何實現這一需求的: .wxml: <view class=‘footer‘ wx:for="{{imgArr}}">
點選搜尋進入預編譯狀態,searbar跟隨導航消失
注意:如果出現下邊這種情況 Paste_Image.png 解決方式:在ViewDidLoad新增以下程式碼 - (void)viewDidLoad { #warning 如果進入預編輯狀態,searchBar消失
Python實現爬取好友頭像拼接成大圖!這不就暴露了我的好友了!
前言 筆者無意間發現一個有趣的第三方庫itchat,itchat模組是一位叫little codersh的大神寫的模組,附上大神的github地址,有興趣的朋友可以去嘗試玩一下itchat模組,很有趣的!!! https://github.com/littlecodersh/ItChat
側滑(點選條目進行跳轉+點選更換頭像(二次取樣))+ViewPager
1.Layout佈局 <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk
JQuery應用例項學習 —— 13 點選後邊框不斷變大
通過操作節點css屬性來控制邊框不斷變大 <!DOCTYPE html> <html lang="en"> <head> <meta charset=
OpenCv通過RTSP預覽大華攝像機視訊
一、配置大華攝像機引數 檢查RTSP埠號 修改解析度,在這裡我們主要設定【輔碼流】 大華RTSP協議解釋 訪問主碼流 rtsp://admin:[email protected]:554/cam/realmonitor?channel=1&am
使用jquery無重新整理上傳圖片,可用於頭像預覽功能
</pre><p><span style="font-size:14px;">html:</span></p><p></p
JS上傳圖片本地實時預覽縮圖
<body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody>
django + cropper 實現頭像預覽裁剪上傳
思路: 使用cropper這個前端外掛,對圖片進行裁剪,cropper生成的截圖,是一串base64的編碼,再將其轉為blob格式,傳到後端,進行儲存。簡單的說就是前端裁剪好的圖片,傳到後端,而不是將裁減的資料值傳到後端,在後端進行裁剪. cropper
仿凡科,微企點建站功能預覽
專案使用vue-cli vue,jqueryUI(拖拽新增模組及拖拽移動模組)其他外掛 banner,音樂使用網路外掛其他:百度地圖模組,分享模組(bshare),優酷視訊程式碼嵌入功能:點選左邊模組導航,再選擇要新增模組放到中間的兩個通欄中,如果通欄為藍色虛線邊框則釋放滑
上傳圖片實時預覽縮圖
{ var image=new Image(); image.src=develop//develop/ImgD.src;if(image.width>0&& image.height>0){ flag=true; if(image.width/image.he