1. 程式人生 > >Android開發之--縮圖點選檢視大圖

Android開發之--縮圖點選檢視大圖

android中點選縮圖檢視大圖的方法一般有兩種,一種是想新浪微博list頁面那樣,彈出一個視窗顯示大圖(原activity為背景)。另一種就是直接開啟一個新的activity顯示大圖。1、第一種方法我們可以使用自定義的AlertDialog來實現,程式碼如下: ImageView image=(ImageView)findViewById(R.id.small_image); image.setOnClickListener(new OnClickListener() { // 點選放大 public void onClick(View paramView) { LayoutInflater inflater = LayoutInflater.from(context); View imgEntryView = inflater.inflate(R.layout.dialog_photo_entry, null); // 載入自定義的佈局檔案 final AlertDialog dialog = new AlertDialog.Builder(context).create(); ImageView img = (ImageView)imgEntryView.findViewById(R.id.large_image); imageDownloader.download("圖片地址",img); // 這個是載入網路圖片的,可以是自己的圖片設定方法 dialog.setView(imgEntryView); // 自定義dialog
dialog.show(); // 點選佈局檔案(也可以理解為點選大圖)後關閉dialog,這裡的dialog不需要按鈕 imgEntryView.setOnClickListener(new OnClickListener() { public void onClick(View paramView) { dialog.cancel(); } }); } }); 對應的佈局檔案dialog_photo_entry內容為: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content"    xmlns:android="http://schemas.android.com/apk/res/android">     <ImageView
 android:layout_height="wrap_content" android:id="@+id/large_image " android:layout_width="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true"> </ImageView> </RelativeLayout> 2、另外一種開啟一個新的activity的方法相對簡單點,大圖activity程式碼如下: public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.dialog_photo_entry); activity = this; Bundle bundle = this.getIntent().getExtras(); if(bundle!=null){ picName = bundle.getString("picName"); //圖片名 } ImageView img = (ImageView)this.findViewById(R.id.large_image
 ); imageDownloader.download( picName,img); Toast toast = Toast.makeText(this, "點選圖片即可返回",Toast.LENGTH_SHORT); toast.setGravity(Gravity.BOTTOM, 0, 0); toast.show(); img.setOnClickListener(new View.OnClickListener() { // 點選返回 public void onClick(View paramView) { activity.finish(); } }); } 對應的佈局檔案dialog_photo_entry內容為: <?xml version="1.0" encoding="utf-8"?> <LinearLayout   xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical"> <ScrollView android:layout_width="fill_parent" android:layout_height="wrap_content"      android:id="@+id/entry_pic" android:layout_margin="0dip" android:padding="0dip">     <ImageView android:layout_height="wrap_content" android:id="@+id/large_image"          android:layout_marginTop="0dip" android:paddingTop="0dip"              android:adjustViewBounds="true" android:layout_width="fill_parent"> </ImageView> </ScrollView> </LinearLayout>

相關推薦

Android開發--檢視

android中點選縮圖檢視大圖的方法一般有兩種,一種是想新浪微博list頁面那樣,彈出一個視窗顯示大圖(原activity為背景)。另一種就是直接開啟一個新的activity顯示大圖。1、第一種方法我們可以使用自定義的AlertDialog來實現,程式碼如下: ImageView image=(Imag

Android檢視過渡動畫與圖片放與移動

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

Android WebView 圖片超出寬度自適應,檢視

webView 配置  WebSettings webSettings = webView.getSettings(); webSettings.setJava

微信JSSDK上傳預覽多,ios/Android檢視,支援滑動。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev

android webview載入html圖片自適應手機螢幕大小&檢視

我們在開發中,顯示資訊詳情時,一般後臺會給出html文字,在Android端一般採用webview控制元件來展示,但是後臺給出的html文字一般是給電腦端用的,沒有自適配手機,導致手機端圖片顯示過大,需要左右移動來檢視全圖。下面給出幾種實用方法,達到在手機端用webvi

jquery特效---jquery顯示檢視,並且可自適應原大小

          之前為了實現這樣的效果找了很久,大部分都不是自己想要的。           實現這樣的效果,我用了兩個jquery的框架。一個是 jquery.nailthumb.1.1.js,另一個是jquery.colorbox-min.js。          

檢視滑動預覽(h5,pc通用)

點選預覽大圖並滑動觀看,支援手機端和pc端,具體功能如下圖:     一. touchTouch 的js和css 以及jquery依賴庫 <link rel="stylesheet" type="text/css" href="touchTouch/touchTouch

ionic2 檢視 再次關閉

import { Injectable } from '@angular/core'; import { Component } from '@angular/core'; import { App, ViewController, NavOptions, NavParams, Action

PC端——檢視

1、html佈局: <a href="{{ d.img_url }}" data-lightbox="roadtrip" data-field="img_url" class="lightbox_style doctor_image"> <

mui- 給圖片新增檢視功能

<html> <head> <meta charset="utf-8"> <title>圖片放大</title> <meta name="viewport" content="width=device-width,

實現ssm加layui資料表格展示資料,搜尋,編輯,分頁(後臺用pagehelper),排序,檢視圖片 ,檢視(彈出層)

之前的方法檢視大圖有bug現在換了個方法,修改後就可以了,有問題請留言 先上圖 整個頁面用的都是layui外掛。 頁面有資料展示(帶分頁),顯示圖片,檢視圖片大圖,編輯資料實時更新。搜尋功能帶分頁。 引入layui.css,layui.js 2個檔案,檔案自行到官網下

iOS檢視的動畫效果

對於圖片來說,除了表情包,幾乎都會被點選檢視大圖。今天就講解一個檢視和收起大圖的動畫效果,先直接看效果圖: 如圖所示,最開始是一個小圖,點選小圖可以檢視大圖。大圖會從小圖的位置和大小“彈”出來,同時背景變成半透明的陰影。點選大圖或者陰影后,收起大圖,同樣地

檢視上帶上一張 、下一張功能(粗糙版)

js片段: //掃描件檢視大圖、 和左右瀏覽 $.scanFile={ view:function(obj,imgName,imgPath){ //點選檢視大圖 var _that=$(obj

潤乾報表如何實現“檢視”效果

在各種涉及圖片的 Web 網站上,無論是搜圖類、社交類、保險服務類,以及 ERP 或檔案管理等內部系統,其中對於圖片通常會提供一種點選圖片檢視原圖的操作,也就是一開始呈現小圖,點選後放大檢視。這種操作我們能在報表中實現嗎?如果可以的話,該怎麼做?是不是需要許多關於前端頁面的知

Android開發實踐二:實踐

res>layout中.xml檔案中的<Button>控制元件中新增android:id="@+id/button1"可在src>……>中.java檔案中通過btn1=(Button)this.findViewById(R.id.button1)

Android開發實踐八:一個按鈕退出整個程式

# 參考資源 #https://blog.csdn.net/sinat_33921105/article/details/57096554main.java新增如下程式碼: public static

Android開發——後臺獲取使用者位置座標(可獲取使用者支付寶密碼)

1. getevent命令我們首先是根據adb shell getevent命令獲取到被點選位置的資訊。這裡要說明的是,不同的手機手機獲得的點選輸出是不一樣的。以我的真機為例,輸出如下/dev/inpu

android學習4種事件的響應方式

   如題,下面就一一列出對點選事件響應的4種方式: 第一種:內部類的形式: package com.example.dail; import android.net.Uri; import android.os.Bundle; import android.rende

IOS開發關於UIButton沒有響應問題

今天專案遇到有個UIButton無法點選,習慣性地輸出了父檢視的frame,發現btn的frame超出了view的frame,得出結論: 1、如果一個UIButton的frame超出父檢視的frame,UIButton還是可以顯現的,但響應不了點選事件了,當開發中,遇到U

使用layer 實現 顯示

由於開發時需要用到點選時顯示大圖的功能 遇到百度到一個比較好用的方法,適用程度比較高 廢話不多說,直接貼程式碼 #html部分 <div class="imgview"><img src=""https://avatar.csdn.net/B/7/0/1_qq_3187