㈠ 你好,我想要在動態添加標簽頁時給a標簽的"data-toggle"屬性賦值,要怎麼賦值呢
<ahref="#"id="test">test</a>
js">document.getElementById('test').setAttribute('data-toggle','設置的值');
setAttribute可以為元素添加屬性
㈡ 安卓中如何添加顯示gif動態圖片
大家都知道,Android開發模擬器為了節省內存,一般不支持直接顯示gif圖片,即使你強制設置了,也只會顯示圖片的第一幀。看到網上也有許多的方法,來實現此功能,可都比較的繁瑣,需要修改android源代碼來實現或者用gif解析器來實現。在此文章中,這里教大家一種比較簡潔的一個方法,你可以把這個類當做是一種工具類。用的時候,直接搬到程序裡面,更改下圖片的資源,就可以非常輕松的顯示gif圖片了。
步驟1:看一下這個工具類的實例代碼:MyGifView.java
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Movie;
import android.util.AttributeSet;
import android.view.View;
public class MyGifView extends View{
private long movieStart;
private Movie movie;
//此處必須重寫該構造方法
public MyGifView(Context context,AttributeSet attributeSet) {
super(context,attributeSet);
//以文件流(InputStream)讀取進gif圖片資源
movie=Movie.decodeStream(getResources().openRawResource(R.drawable.keyboard));
}
@Override
protected void onDraw(Canvas canvas) {
long curTime=android.os.SystemClock.uptimeMillis();
//第一次播放
if (movieStart == 0) {
movieStart = curTime;
}
if (movie != null) {
int raction = movie.ration();
int relTime = (int) ((curTime-movieStart)%raction);
movie.setTime(relTime);
movie.draw(canvas, 0, 0);
//強制重繪
invalidate();
}
super.onDraw(canvas);
}
}
此工具類中,只做了2件事情。1,構造方法;2,重寫了onDraw()方法。大家以後用的話,只需拷貝此類到你的工程下即可起作用。
步驟2:布局文件代碼 activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TextView
android:text="====Gif圖片測試布局===="
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
<com.example.showgifimage.MyGifView
android:id="@+id/iv"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_margin="20dp"
/>
</LinearLayout>
布局文件中,注意的是:標簽的設置 <com.example.showgifimage.MyGifView/>.
格式:包名+.類名
步驟3:主activity中調用
public class MainActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
就這么輕松的把Gif圖片顯示了~~
㈢ Android圖片標記(打標簽、支持圖片放大縮小)
先上效果圖
1.為了實現圖片的放到縮小,我選擇了 PhotoView 框架用於顯示圖片。
2.使用 Glide 框架載入圖片
3.實現原理:
通過自定義View繼承FrameLayout,以PhotoView作為背景,動態添加ImageView作為點。
4.主要分析:
1)標簽隨圖片移動:通過實現PhotoView的OnMatrixChangedListener介面,監聽圖片的位置及大小,動態設置標簽的位置
2)點擊圖片任意位置,在此位置生成標簽,
3)標簽添加後,會導致布局重新測量,此時會導致已經放大的圖片回到初始的位置及大小,在onLayout方法中重新設置photoView的Matrix。
矩形框的實現原理類似,難點就是在給icon添加了移動監聽,保證icon可隨處移動
下面是源碼地址
https://github.com/rzdchen/PhotoTagging
㈣ 新建標簽頁如何設置動態圖片
具體方法是
1、新建一個html文件,裡面新建兩個div標簽,第二個標簽中插入img標簽並插入圖片:
2、然後在上方的style標簽中設置第一個div的樣式,先給div長度和高度,接著是用background屬性引入圖片,設置圖片不重復以及圖片的顯示位置j即可:
3、最後打開瀏覽器就可以看到用兩種方法引入的gif的圖片了。