Android TV应用开发实例

2021年2月10日   |   by tgcode

实例 TvDemo 演示了开发电视应用的基本过程。该实例完成了在电视上对三个 ImageButton 的导航效果,当图像按键获得焦点时会变大,其运行效果如图 1 所示。

%title插图%num
图 1  TvDemo 的运行效果

为符合 Google Play Store 的商品规范,需要首先为 TvDemo 应用程序取消触摸屏支持。在该工程的 AndroidManifest.xml 文件中加入:

为了能够将该应用显示到电视的 App 列表中,需要在该工程的启动 Activity 的过滤器中添加如下代码:

添加后,TvDemo 就会出现在电视的 App 列表中,如图 2 所示。

%title插图%num
图 2  电视的 App 列表

该工程的 Manifest 文件内容如下:




    
    
    
        
            
                
                
            
        
    

其布局文件 activity_main.xml 的代码如下:




    
    
    
        
            
                
                
            
        
    

布局中的三个 ImageButton 默认情况下可以通过电视的方向键进行焦点的转换。

本实例中通过“android:nextFocusDown”属性为三个图像按键添加按下按键焦点循环改变的功能。读者可以通过相关属性直接改变应用程序中的导航效果。

其主 Activity 的 Java 类代码如下:

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageButton;
import android.widget.ImageView.ScaleType;

public class MainActivity extends Activity {
    ImageButton ivl, iv2, iv3;
    private String tag = "TV";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ivl = (ImageButton) this.findViewById(R.id.imageButtonl);
        iv2 = (ImageButton) this.findViewById(R.id.imageButton2);
        iv3 = (ImageButton) this.findViewById(R.id.imageButton3);
        ivl.setOnFocusChangeListener(new View.OnFocusChangeListener() {
            @Override
            public void onFocusChange(View v, boolean hasFocus) {
                // TODO Auto-generated method stub
                ivl.setScaleType(ScaleType.CENTER);
                if (hasFocus) {
                    ivl.setScaleX(1.3f);
                    ivl.setScaleY(1.3f);
                } else {
                    ivl.setScaleX(1.0f);
                    ivl.setScaleY(1.0f);
                }
            }
        });
        iv2.setOnFocusChangeListener(new View.OnFocusChangeListener() {
            @Override
            public void onFocusChange(View v, boolean hasFocus) {
                // TODO Auto-generated method stub
                iv2.setScaleType(ScaleType.CENTER);
                if (hasFocus) {
                    iv2.setScaleX(1.3f);
                    iv2.setScaleY(1.3f);
                } else {
                    iv2.setScaleX(1.0f);
                    iv2.setScaleY(1.0f);
                }
            }
        });
        iv3.setOnFocusChangeListener(new View.OnFocusChangeListener() {
            @Override
            public void onFocusChange(View v, boolean hasFocus) {
                // TODO Auto-generated method stub
                iv2.setScaleType(ScaleType.CENTER);
                if (hasFocus) {
                    iv3.setScaleX(1.3f);
                    iv3.setScaleY(1.3f);
                } else {
                    iv3.setScaleX(1.0f);
                    iv3.setScaleY(1.0f);
                }
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
            return super.onOptionsItemSelected(item);
        }
    }
}

其中的代码段:

ivl.setOnFocusChangeListener(new View.OnFocusChangeListener() {
    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        // TODO Auto-generated method stub
        ivl.setScaleType(ScaleType.CENTER);
        if (hasFocus) {
            ivl.setScaleX(1.3f);
            ivl.setScaleY(1.3f);
        } else {
            ivl.setScaleX(1.0f);
            ivl.setScaleY(1.0f);
        }
    }
});

表示图像按键 1 获得焦点后即调用 onFocusChange 方法进行处理。具体的处理方法为改变按键的显示范围为原来的 1.3 倍,即增大显示。

相关推荐: Android ScrollView:滚动视图

当 Activity 提供的用户界面上有很多内容,以至于当前手机屏幕不能完全显示全部内容时,就需要滚动视图来帮助浏览全部的内容。 以工程 WidgetDemo 为例,由于在讲述过程中不断地在 main.xml 文件中添加按钮和其他组件,目前已经不能显示全部内容…

Tags: , , ,