上次写了一篇关于机顶盒焦点事件的获取,以及页面的适配。接下来,开始编写机顶盒开发中对于一些图片的焦点事件,动画效果、倒影的实现。这都是在机顶盒开发界面中常常要要用到的一些效果!!直接开代码:
由于上一篇文章我已经写过了一些界面的适配,(http://blog.csdn.net/a565102223/article/details/41074645)接下来就直接在上次的代码中修改了,为了简单演示起见,我只修改View1的layout1.
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingTop="45dp" >
<FrameLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<!-- 这个布局中的imageview是创建倒影使用的 -->
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="425dp" >
<ImageView
android:id="@+id/setting_layout_refimg_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="50dp" />
<ImageView
android:id="@+id/setting_layout_refimg_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="300dip" />
</RelativeLayout>
<RelativeLayout
android:id="@+id/video_type_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal" >
<!-- 布局都是使用的帧布局,看起起来会有突出的效果,记得把可点击的属性都加上 -->
<FrameLayout
android:id="@+id/setting_layout_fl_0"
android:layout_width="510dp"
android:layout_height="344dp" >
<!-- 这张图片作为第一张图片,但图片获得焦点后显示,失去焦点后不显示 -->
<ImageView
android:id="@+id/setting_layout_bg_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginTop="20dp"
android:background="@drawable/setting_left_top" />
<!-- 功能图片 -->
<ImageView
android:id="@+id/setting_layout_log_0"
android:layout_width="264dp"
android:layout_height="250dp"
android:layout_marginLeft="115dp"
android:layout_marginTop="20dp"
android:clickable="true"
android:focusable="true"
android:focusableInTouchMode="true"
android:nextFocusDown="@+id/setting_layout_log_1"
android:nextFocusRight="@+id/setting_layout_log_3"
android:nextFocusUp="@id/settings"
android:scaleType="fitXY"
android:src="@drawable/setting_net" />
</FrameLayout>
<FrameLayout
android:id="@+id/setting_layout_fl_1"
android:layout_width="400dp"
android:layout_height="244dp"
android:layout_marginLeft="50dp"
android:layout_marginTop="210dp" >
<ImageView
android:id="@+id/setting_layout_bg_1"
android:layout_width="wrap