如何在按钮和图像内显示图像将是闪烁动画

时间:2017-07-18 09:51:41

标签: android

  

1

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:padding="16dp"
    android:weightSum="1">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="71dp">

        <TextView
            android:id="@+id/tv1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="@color/coloryellow1"
            android:gravity="center"
            android:text="Alok International School"
            android:textSize="10pt"
            android:textStyle="bold"
            android:layout_alignParentTop="true"
            android:layout_toRightOf="@+id/iv1"
            android:layout_toEndOf="@+id/iv1"
            android:layout_marginLeft="14dp"
            android:layout_marginStart="14dp" />

        <ImageView
            android:id="@+id/iv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/logo64"
            android:layout_alignParentTop="true"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_marginTop="5dp"
        android:layout_width="357dp"
        android:layout_height="125dp"
        android:background="@drawable/colorlogin">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/p1"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true" />

        <TextView
            android:gravity="center"
            android:textStyle="normal"
            android:textSize="25dp"
            android:textColor="#EEFFFF"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="ALOK SHARMA"
            android:paddingLeft="15dp"
            android:id="@+id/textView8"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true" />
    </RelativeLayout>

    <LinearLayout
        android:layout_marginTop="12dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:id="@+id/line1">

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:background="@drawable/circle"
                android:drawableTop="@drawable/profile"
                android:paddingTop="20dp"
                android:text="Profile"
                android:id="@+id/btnprofile"
                android:textColor="#fff" />

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/circle1"
                android:id="@+id/btnattendance"
                android:drawableTop="@android:drawable/ic_dialog_map"
                android:paddingTop="20dp"
                android:text="Attendance"
                android:textColor="#fff" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="horizontal">

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:background="@drawable/circle2"
                android:drawableTop="@drawable/notice"
                android:paddingTop="20dp"
                android:text="Notice"
                android:id="@+id/btnnotice"
                android:textColor="#fff" />

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/circle3"
                android:drawableTop="@drawable/talk"
                android:paddingTop="20dp"
                android:text="Talk"
                android:id="@+id/btntalk"
                android:textAllCaps="true"
                android:textColor="#fff" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="horizontal" >

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:background="@drawable/circle4"
                android:drawableTop="@android:drawable/ic_dialog_email"
                android:paddingTop="20dp"
                android:text="Today food"
                android:id="@+id/btntoday_food"
                android:textColor="#fff" />

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/circle5"
                android:drawableTop="@android:drawable/ic_dialog_map"
                android:paddingTop="20dp"
                android:text="fees"
                android:id="@+id/btnfees"
                android:textColor="#fff" />

        </LinearLayout>

    </LinearLayout>
</LinearLayout>
  

2

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:padding="16dp"
    android:weightSum="1">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="71dp">

        <TextView
            android:id="@+id/tv1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="@color/coloryellow1"
            android:gravity="center"
            android:text="Alok International School"
            android:textSize="10pt"
            android:textStyle="bold"
            android:layout_alignParentTop="true"
            android:layout_toRightOf="@+id/iv1"
            android:layout_toEndOf="@+id/iv1"
            android:layout_marginLeft="14dp"
            android:layout_marginStart="14dp" />

        <ImageView
            android:id="@+id/iv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/logo64"
            android:layout_alignParentTop="true"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_marginTop="5dp"
        android:layout_width="357dp"
        android:layout_height="125dp"
        android:background="@drawable/colorlogin">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/p1"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true" />

        <TextView
            android:gravity="center"
            android:textStyle="normal"
            android:textSize="25dp"
            android:textColor="#EEFFFF"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="ALOK SHARMA"
            android:paddingLeft="15dp"
            android:id="@+id/textView8"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true" />
    </RelativeLayout>

    <LinearLayout
        android:layout_marginTop="12dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:id="@+id/line1">

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:background="@drawable/circle"
                android:drawableTop="@drawable/profile"
                android:paddingTop="20dp"
                android:text="Profile"
                android:id="@+id/btnprofile"
                android:textColor="#fff" />

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/circle1"
                android:id="@+id/btnattendance"
                android:drawableTop="@android:drawable/ic_dialog_map"
                android:paddingTop="20dp"
                android:text="Attendance"
                android:textColor="#fff" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="horizontal">

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:background="@drawable/circle2"
                android:drawableTop="@drawable/notice"
                android:paddingTop="20dp"
                android:text="Notice"
                android:id="@+id/btnnotice"
                android:textColor="#fff" />

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/circle3"
                android:drawableTop="@drawable/talk"
                android:paddingTop="20dp"
                android:text="Talk"
                android:id="@+id/btntalk"
                android:textAllCaps="true"
                android:textColor="#fff" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="horizontal" >

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:background="@drawable/circle4"
                android:drawableTop="@android:drawable/ic_dialog_email"
                android:paddingTop="20dp"
                android:text="Today food"
                android:id="@+id/btntoday_food"
                android:textColor="#fff" />

            <Button
                android:layout_width="160dp"
                android:layout_height="100dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/circle5"
                android:drawableTop="@android:drawable/ic_dialog_map"
                android:paddingTop="20dp"
                android:text="fees"
                android:id="@+id/btnfees"
                android:textColor="#fff" />

        </LinearLayout>
    </LinearLayout>

</LinearLayout>

我希望在ImageView内可视化Button,但图片未在Button内显示?

enter image description here

这个图像应该闪烁......

此代码的布局..现在我想要那样   机器人:drawableTop = “@绘制/ profile文件”    在这个代码配置文件图片应该是闪烁动画...

5 个答案:

答案 0 :(得分:2)

您可以使用此类按钮的android:drawableTop=""

    <Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:drawableTop="@drawable/ic_calender"
    android:text="button 5" />

或者这会创建一个像这样的新布局

    <LinearLayout
    android:layout_width="match_parent"
    android:id="@+id/linear"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:gravity="center"
    android:orientation="vertical">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:src="@drawable/disha2" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="abc" />
</LinearLayout>

将click listner设置为linearlayout,如下所示

 // Animation
Animation animFadein;
LinearLayout linearLayout = findViewById(R.id.linear);
    linearLayout.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // load the animation
    animFadein = AnimationUtils.loadAnimation(getApplicationContext(),
            R.anim.fade_in);
         Imageview.startAnimation(animFadein);
        }
    });

根据您的要求获取动画from here

答案 1 :(得分:1)

试试这个:

 final Animation animation = new AlphaAnimation(0.3f, 1.0f);
 animation.setDuration(1000);
 layout_id.setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                imageview_id.startAnimation(animation);     
                            }
                        });

答案 2 :(得分:0)

您可以LinearLayout使用clickable="true"background="?attr/selectableItemBackground"来实现默认点击效果,并在其中添加ImageViewTextView

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="?attr/selectableItemBackground"
    android:clickable="true"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="20dp">

    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@drawable/icon" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="Button1" />
</LinearLayout>

答案 3 :(得分:0)

我建议您先创建layout,而不是使用button

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:gravity="center"
    android:orientation="vertical">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:src="@drawable/image" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="TextView1" />
   </LinearLayout>

现在,您可以使用以下代码闪烁(淡入)ImageView

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

setContentView(R.layout.main_activity);

Animation myFadeInAnimation;

 ImageView myImageView = (ImageView) findViewById(R.id.image); 

    Animation myFadeInAnimation = AnimationUtils.loadAnimation(null, R.anim.fade_in);

//use this below line whenever you want to blink your icon
 myImageView.startAnimation(myFadeInAnimation);
}

现在在anim文件夹中创建一个fade_in.xml

<?xml version="1.0" encoding="UTF-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
    <alpha android:fromAlpha="0.0" 
    android:toAlpha="1.0" 
    android:interpolator="@android:anim/accelerate_interpolator"  
    android:duration="50" android:repeatCount="infinite"/> 
 </set> 

如果您对动画中的淡入淡出不满意,只需谷歌动画即可获得您想要效果的动画。

答案 4 :(得分:0)

试试这个

 <Button
android:id="@+id/btn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:drawableTop="@drawable/ic_calender"
android:text="button 5" />

final Animation animation = new AlphaAnimation(1, 0);
    animation.setDuration(500);
    animation.setInterpolator(new LinearInterpolator());
    animation.setRepeatCount(Animation.INFINITE);
    animation.setRepeatMode(Animation.REVERSE);


    btn.startAnimation(animation);