1. 程式人生 > >點選使用者頭像預覽大圖

點選使用者頭像預覽大圖

頭像預覽幫助類,使用方法 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