代码改变世界

android 简单的两步实现Play上的文本伸缩功能

  Terry_龙  阅读(3347)  评论(4编辑  收藏  举报

经常上google play下载软件,看到它的伸缩式的软件介绍很感兴趣。功能截图如下:

点击文本会下拉更多详细介绍,实现这一功能很简单,废话不多说,直接上代码

 

复制代码
 private boolean isExpanded = false;
    private int lastHeight = 0;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_expand_in_context);

        final ViewGroup expandableContainer = (ViewGroup) findViewById(R.id.expandable_container);

        findViewById(R.id.expandable_text).setOnClickListener(
                new View.OnClickListener() {

                    @Override
                    public void onClick(View v) {
                        if (isExpanded) {
                            ViewGroup.LayoutParams params = (ViewGroup.LayoutParams) expandableContainer
                                    .getLayoutParams();

                            params.height = lastHeight;

                            expandableContainer.setLayoutParams(params);
                            expandableContainer.invalidate();
                        } else {
                            lastHeight = expandableContainer.getHeight();

                            ViewGroup.LayoutParams params = (ViewGroup.LayoutParams) expandableContainer
                                    .getLayoutParams();

                            params.height = ViewGroup.LayoutParams.WRAP_CONTENT;

                            expandableContainer.setLayoutParams(params);
                            expandableContainer.invalidate();
                        }

                        isExpanded = !isExpanded;

                    }
                });

    }
复制代码

布局只需要这样:

复制代码
 <FrameLayout
            android:id="@+id/expandable_container"
            android:layout_width="wrap_content"
            android:layout_height="200dp"
            android:layout_below="@+id/above"
            android:layout_margin="15dp"
             >

            <TextView
                android:id="@+id/expandable_text"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:ellipsize="end"
                android:text="@string/loremipsum" 
                android:clickable="true"/>
        </FrameLayout>
复制代码

父布局限定了可限示的高度,可以使文本不用一次性全部显示,为屏幕节省空间。等用户点击查时才一次性显示全部给用户,再一次点击则隐藏掉。。原理很简单。

 

 

编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
点击右上角即可分享
微信分享提示